Paul van Dam, Coolblue, Rotterdam — Introducing and Implementing React at Coolblue

Paul van Dam, Coolblue, Rotterdam — Introducing and Implementing React at Coolblue

At Coolblue we want to keep our employees as happy as possible. That means handing them tools that are fast and easy to work with. Last year we started building new tooling using React. How did we come to this decision and how does it suit a fast growing, dynamic organisation? In this talk I will take you on a trip through the research and decision making that was part of coming to our current development stack.

Transcript

1. Introducing and implementing React. React Amsterdam 2016, by Paul van Dam 1
2. • Why React? • JavaScript fatigue • Integration 2
3. Paul van Dam
 3
5. Faceted Navigation.
 5
7. Framework vs UI library.
 7
8. Leland Richardson - Engineer at AirBnB.
 "Reusability/portability: React components are extremely reusable Refactorability: React tends to make your code very easy to refactor and iterate on.” In your opinion, what are the biggest advantages of using React? 8
9. 9 Agile ❤ React
10. Brands using React.
 10
11. The simplest code is the code that you don’t need to write at all. 11
12. JavaScript fatigue.
 Saul: “How’s it going?” Me: “Fatigued.” Saul: “Family?” Me: “No, Javascript.” Eric Clemmons 12
13. Focus.
 13
14. Fail often.
 14
15. Learning curve.
 15
16. Expand.
 16
17. FRAMEWORK MODULE MODULE MODULE MODULE 17
18. Integration.
 18
19. Integration.
 ESLINT UNIT TEST PULL REQUEST BUILD / DEPLOY STUFF 19
20. Semantic Versioning.
 ^3.0.2 3.19.34 ^0.14.2 0.14.9 20
21. • It assumes developers follow the rules of versioning • It assumes releases are perfect 21
22. • Fixed versions in package.json • Check in /node_modules/ • npm shrinkwrap 22
23. • HMR • React 15 / Webpack 2 • Dropping karma/phantomjs in favour of Ava/Enzyme 23
24. THANK YOU. Paul van Dam
 @paulvdam #reactamsterdam 24