React for a 5 million user app

1. 1 React for a 5 million user app Suphareuk Teamparn (Toon)

2. 2 WHO WE ARE?

5. 5 Tech company

6. 6 cutting-edge coffee machine to preparing espresso for us every morning Cimbali S30

8. 8 Content, Deal and Data Pack

9. 9 Native App Wrap Webview engine

10. 20M Installed 5M MAU 10

11. 11 Microservices 20 Services 150 Instances

12. CMS (Admin) DB Rendering 12

13. Made with REACT 13

14. 14 5M Users200 Users

15. Admin Service React RefluxJS 15

16. JSON Schema React Wizard Component Auto Generate Form 16

17. Rendering Service Traditional Template 50 Templates 3 platforms 17

18. 18 Sport News Cats Breaking to microservices

19. Move to react solution 19

20. React Experimentals POC React vs Vue Server-side Rendering Prototype Web version SPA Web version with NextJS 20

21. WHAT WE HAVE LEARN? 21

22. Component-Based Organize file better Breaking to small part easily Breaking to small tasks easily Code more predictable 22

23. Styled Components Self contained in component Organize your styles Naming convention Theming 23 SCSS

24. 24

25. Testing and Linting Snapshot testing with Jest ESLint StyleLint 25

26. UI Library Storybook Interactively develop Improve component reuse Testability 26

27. 27

28. 28

29. Thank you 29

Recommended