React, Redux, and Archetype
0 likes200 views
Archetype is a JavaScript library that allows developers to cast and validate object properties to the correct data types. It provides composable, inspectable, and extensible types that make it easier than alternatives like Joi, JSONSchema, and PropTypes. The document demonstrates how Archetype can consolidate logic for a calendar app by casting data from action creators and ensuring assumptions are correct without walls of if statements. More information on Archetype is available on npmjs.com and thecodebarbarian.com.
React, Redux, and Archetype
- 1. Casting and Validating State With Archetype Valeri Karpov Booster Fuels @code_barbarian github.com/vkarpov15
- 2. About Me
- 4. What is Archetype? Cast a given obj’s properties to the correct types
- 5. So It’s Joi, JSONSchema, PropTypes, Flow? ● Easy custom types & nested (vs Joi, JSONSchema) ● Casting + validation in middleware vs PropTypes ● Runtime, not compile time vs Flow (buggy APIs)
- 6. Core Principles ● Composable: can nest and transform types ● Inspectable: introspect deeply nested paths ● Extendable: any class is a valid custom type
- 7. Data for Calendar App in React
- 8. Rendering comes with Assumptions
- 9. And With Bad Data?
- 10. Use Archetype to Consolidate Logic Using Action Creators
- 11. Know Your Assumptions are Correct
- 12. And No More Walls of If Statements
- 13. More Info on Archetype ● Gists of the week available on npmjs.com/package/archetype ● Casting and Validating GeoJSON With Archetype on thecodebarbarian.com