How to use JSON to JavaScript PropTypes
- Paste a representative JSON sample, ideally one with all the optional fields filled in.
- Set the name of the root type, and decide whether you want helper code as well or types only.
- Copy the generated JavaScript PropTypes code into your project.
About JSON to JavaScript PropTypes
Writing model classes by hand for a big JSON payload is dull, and it is where typos creep in. Paste a sample here and the generator works out the structure: which fields exist, which are objects, which are arrays and what type each value has. The output is React PropTypes shapes, ready to assign to a component.
PropTypes check props at runtime in development builds only, and are ignored in production. Everything runs in your browser, so your sample data stays on your machine.
Using the generated code
Import the exported shape and use it as MyComponent.propTypes = { data: RootShape }.
Optional values are left without isRequired, so they accept undefined and null.