Slide deck for my talk at the React BKK event about how to structure your application and what are some of the things I'm working on to make react development more fun.

1. Scalable Application
Architecture
by @zacksiri
codemy.net

3. Things that don’t change,
a repeatable process.

4. Rails, Phoenix
Batteries Included, ready to go.

5. React JS

6. nothing included,
no opinions,
no conventions.

8. Start from Scratch

9. Fun / Happy

10. Great defaults,
DRY, Conventions

11. Clean Separation from
Back-end

12. Back-End Agnostic

13. 1 front-end connects to
many back-ends

14. API
React App
Nginx / load-balancer
API API

15. Web Browser = 1st class
platform like iOS / Android

16. 1. Build Tool

18. 1 month to understand
webpack

19. Demo

20. 2. Application
Architecture

21. • Components vs Pages
Client side routing
Folder Structure
State Management
Networking
Testing

22. react-router + mobx + fetch
+ jest + own experience +
own engineering

23. Demo

24. 3. Animation

25. Web Browser = 1st class
platform like iOS / Android

26. Page Transitions
required smoothing

28. Demo

29. 4. SEO Friendly

30. Important for SEO,
some apps need it.

31. Disagree with SSR with
the way it’s currently done

32. Certain limitations,
some libraries don’t work.
Doing too many things.

33. React is for building
User Interface, not
Machine Interface.

34. Proposal / How I do it

35. API
React App
Nginx / load-balancer
API API

36. API
React App / Static HTML
Nginx / load-balancer
API API
Serve React AppBot Friendly HTML

37. 5. Repeatability

38. react-router 😕
mobx 👍
fetch 👍
jest 👍
own experience 😱
own engineering 😱

39. Extraction into collection
of libraries / framework

40. In the mean time,
free videos at
https://www.codemy.net/channels/re
act-foundation

41. Looking for React Developer
https://drivehub.co
https://drivehub.workable.com/

42. Thank You
codemy.net