Neos - React Rewrite

My talk about the NeosCMS backend rewrite to React, held at the DarmstadtJS meetup on Sep 22, 2016.

Transcript

1. ♥
2. Bastian Heist • 7 years as SAP Consultant / Developer @ Merck • Freelance Web Developer since 2009 • Fulltime Web Developer @ sandstorm since 2015 • Neos since 2015 @beheist @bastianheist (Neos Slack)
4. ♥
6. Open Source Modern CMS Intended as TYPO3 successor https://neos.io Editor Experience Developer Friendly
7. A very quick demo What is Neos?
8. Basics? React+Redux
9. y = f(x) DOM = react(state) React+Redux
10. state?
11. State is immutable React+Redux
12. Component Action Reducer State
13. Actions React+Redux
14. Reducer newState = f(oldState, action) React+Redux
15. Why rewrite?
16. Why rewrite?
17. Issues… Why rewrite?
18. Responsiveness Why rewrite?
19. Overflowing Styles Why rewrite?
20. Planned Features Why rewrite?
21. Extensibility Why rewrite?
22. Ecosystem Converging to Flux Pattern Why rewrite?
23. 16655 lines of Ember 1.x code The Rewrite
24. Principles Action Reducer Action Reducer Action Reducer :(
25. Principles Action Reducer Reducer Reducer :)
26. The Rewrite
27. State Structure
28. State Structure
29. State Structure
30. State Structure
31. State Structure
32. Sagas
33. PlowJS - Curried Selectors
34. CSSModules + Themr
35. Tackling the iframe… ContentCanvas.js
36. Tackling the iframe… Frame.js Component Tree <> DOM Tree!
37. Tackling the iframe…
38. Contributing https://github.com/neos/neos-ui
39. Contributing /neos -> old /neos! -> new
40. Contributing Plan: ship React UI alpha with Neos 3.0 in December
41. Meetup Oct 19, 2016 - 19:00 - UDG Mainz
42. https://neos.io Thank you!