boomform
v3.6.8
Published
Advanced Form Builder
Downloads
205
Maintainers
Readme
boomform
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.
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
| | -- | -- | -- Tigran Nazaryan | Tigran Paployan | Sahak Sahakyan