Nanmanas Poonyapat was talking about her lesson learned from escaping React.js at our BKK.js#12 Overreacted meetup at 7 Peaks Software the 25th February 2020. See her presentation from 7 Peaks meetup here.

1. LESSON LEARNED
FROM ESCAPING
REACT.JS
Nanmanas Poonyapat (NnmnsP)

2. WHO AM I ?
Nanmanas
Poonyapat
June
github.com/NnmnsP
@NnmnsP
Nanmanas Poonyapat

3. สอวน.

5. COMPETITIVE
PROGRAMMING

6. Only one method can
solve it all?

7. BUT?

11. JavaScript Library
Component
State
Props
JSX
create-react-app
redux

12. WTF

13. Where is CSS
Where is HTML

14. I hate JavaScript

15. Hello

16. document เปนหลักเปนแหล่ง
และอ่านง่ายมากกก

17. Framework size ค่อนข้างเล็ก

18. Template ทีดี

19. DevTools ทีดี
เล่นได้หลายท่า
Ecosystem
ก็ครบ

20. . . .

21. ลองเล่นดูก็ได้

22. เริมจากอะไรดี

23. create-react-app

25. โอเค เจอปญหาล่ะ

26. Adjacent JSX elements must be
wrapped in an enclosing tag

27. <div>............</div>
<React.fragment>.........</React.fragment>
<>.......</>

28. Cannot call setState on undefined

29. Incorrect imports / exports

30. Including Redux too soon

31. เออ มันก็ไม่ได้แย่นีหว่า

32. อะไรทีเราควรระวังบ้าง

33. อย่าไป mutate shared state แบบตรงๆ ลองหาตัว
ช่วย เช่นใช้ shared store พวก Redux หรือใช้
Context

34. แยก actions ทีมี side effect ออกจากโค้ด state
management ด้วย

35. ใช้ immutable data structure: ทําแอพ ยังไง
global state ก็ต้องมีใช่มะ ใช้ Library พวก Immer
จะช่วยได้เยอะ

36. แล้วทําไมไม่พูดถึง
Angular

37. ใครใคร่ใช้ก็ใช้ อย่ามาตีกันเลยว่าอะไรดีกว่า