react.js - DOM as it was meant

Transcript

1. R E A C T. J S D O M A S I T WA S M E A N T A L I T T L E L O V E S T O RY, B O R N O U T O F E X P E R I E N C E @ W O L F R A M K R I E S I N G
2. 98% JavaScript, since 2008 @wolframkriesing
3. refactored https://github.com/wolframkriesing/todomvc/tree/react-componentize/examples/react/js
4. NO BLACK NO WHITE
5. but, a step forward for sure
6. N O L I K E ? J S X
7. A L M O S T W E B C O M P O N E N T S V I R T U A L D O M
8. beautiful but there is more, go explore
10. J S X V I R T U A L D O M
11. J S X
12. (X)HTML embedded in JavaScript
13. E N F O R C E S S E PA R AT I O N because we don’t program in (X)HTML, right?
14. prepare data (in JS) pass to view (in XHTML)
15. D I D T H E D O M E V E R D O T H AT F O R Y O U ?
16. J S X I S N O T M A G I C plus some restrictions
17. V I R T U A L D O M
18. data binding
19. C O D E P L E A S E
20. 1 2 3 4
21. re-render only on change Real HTML
22. 2 1 3
23. R E S T R I C T E D A C C E S S of course, react.js wants to stay in control
25. L I S T E N T O Y O U R C O D E
26. E S P E C I A L LY T E S TA B I L I T Y
28. H E A R Y O U R C O D E ?
29. T O O K U S F I V E M O N T H S
30. source at https://github.com/wolframkriesing/todomvc/tree/react-componentize/examples/react/js
31. T E S TA B I L I T Y
32. UNIT TEST INTEGRATION TEST
33. A N D M O R E !
34. production code + tests + styles + assets = component
35. J S X + V I RT U A L D O M
36. U X E B U . C O M We are hiring!!! come and join us! source https://github.com/wolframkriesing/todomvc