Empowering your React application with Flow type system

Transcript

1. Empowering your React application with Flow type system Olena Sovyn @frontendgirl
2. @frontendgirl
4. Why?
5. Benefits 1. No unused properties 2. Improved refactoring experience 3. Documentation in place @frontendgirl
6. How?
9. What are the rules?
10. 1. Be as exact as possible @frontendgirl
11. 1. Be as exact as possible No error Error @frontendgirl
12. 2. Spot “black holes” Black holes are functions return values of which have type any, even though their types can be more specific based on the function internal logic
13. 2. Spot “black holes” . flowconfig No error eslint-plugin-flowtype @frontendgirl
14. 3. Use meaningful type names @frontendgirl
15. Let’s do our codebases automagically better! 1. Be as exact as possible 2. Spot “black holes” 3. Meaningful type names Check also: What? How? Why? 1. No unused properties 2. Improved refactoring 3. Documentation in place find and follow simple rules @frontendgirl http://frontendgirl.com/flow-best-practices/