boomform
TypeScript icon, indicating that this package has built-in type declarations

3.6.7 • Public • Published

boomform

NPM github github github github NPM


Logo

BoomForm

Building a form is as easy as making coffee. ☕
Explore the docs »

View Demo · Report Bug · Request Feature

Getting Started

Hey and welcome. You have started the development with the most advanced and easy form Builder

Why BoomForm ?

😎 Using Boomform you don’t need to take care of data structure, fields re-rendering etc…

🚀Boomform will do it for you. You just need to tell the program where your fields should be located and Boomform will automatically create a state for them and follow your fields lifecycle.

Full documentation here

Code Example

Just write the BoomForm component and pass as a child whatever content you want with the Input component.

import React from 'react'
import { BoomForm, Input } from 'boomform'
 
const App = () => {
  return (
    <BoomForm>
      Simple Input:
      <Input id='1' type='text' />
    </BoomForm>
  )
}
 
export default App

There you go as easy as that. Now BoomForm is keeping all your state and following the input component lifecycle.

Data Usage Example

We handle and keep all needed data in store so all you need is to easily import it from store and use wherever you need

For getting store you just need to import useContext hook from react and Context from boomform and simply declare an variable which is equal to useContext with Context attribute

import React, { useContext } from 'react'
import { BoomForm, Input, Context } from 'boomform'

const State = () => {
  const store= useContext(Context)
 
  console.log(store)
 
  return null
}

const App = () => {
  return (
    <BoomForm>
      Simple Input:
      <Input id='1' type='text' />
      <State />
    </BoomForm>
  )
}
 
export default App

Store contains all essential attributes like fields, values, touched, errors. You can read more about it here

Also You can check the example for more clarity

Made in BoomTech

This is an image This is an image This is an image
Tigran Nazaryan Tigran Paployan Sahak Sahakyan

Apache 2.0 License.

Package Sidebar

Install

npm i boomform

Weekly Downloads

6

Version

3.6.7

License

MIT

Unpacked Size

270 kB

Total Files

8

Last publish

Collaborators

  • boomtechllc