Slides from Real World React lightning talk, December 14 2017

1. Casting and Validating State With
Archetype
Valeri Karpov
Booster Fuels
@code_barbarian
github.com/vkarpov15

2. About Me

3. React Credentials

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

14. Thanks!
Code samples: /vkarpov15/zcal-client-example