This video is available to students only
- Beginner's Guide to Real World React
- Thinking in React
How to Build a Dynamic Form Builder in React with JSON Data
The Form Builder app is the most complex we've built so far. It builds on concepts from earlier modules and reenforces the idea of building modular, component-driven UIs. We'll walk through the app build together to create a dynamic form powered from a set of JSON objects.
This page is a preview of Beginner's Guide to Real World React
- Building the Form Builder
- Visualizing the components
- Opportunities for breaking down components
- Creating a visual map of components
- Project setup
- Testing the new project
- Initial clean up
- Adding Bulma
- Project structure
- Creating formfields.json
- The complete formfields.json file
- Creating the FormFieldInput component
- Incoming props
- Handling input changes
Contents