The Neos React Rewrite - Neos Meetup @Syzygy - 08.09.2016

30c0b6f50f67163bee8500aa4115d126?s=47 Sebastian Kurfürst
September 08, 2016
Technology
0
73

The Neos React Rewrite - Neos Meetup @Syzygy - 08.09.2016

30c0b6f50f67163bee8500aa4115d126?s=128

Sebastian Kurfürst

September 08, 2016
Tweet

Want more?

30c0b6f50f67163bee8500aa4115d126?s=48 skurfuerst
0
39
30c0b6f50f67163bee8500aa4115d126?s=48 skurfuerst
0
1
30c0b6f50f67163bee8500aa4115d126?s=48 skurfuerst
0
12
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
9
460
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
240
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
160
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
6
300
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
6
210
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
290
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
540
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
160
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
250

Transcript

  1. 1.

    Meetup FFM

  2. 2.

    Neos Redone - The React Rewrite -

  3. 3.

    Sebastian Kurfürst @skurfuerst

  4. 4.

    Why rewrite?

  5. 5.
    None
  6. 6.
    None
  7. 7.

    not Ember vs React!

  8. 8.

    React / Redux Basics

  9. 9.

    demo

  10. 10.

    y = f(x) DOM = react(state)

  11. 11.

    state?

  12. 12.

    state is immutable

  13. 13.

    state actions reducer component tree

  14. 14.

    actions

  15. 15.

    reducer newState = f(oldState, action)

  16. 16.

    state component tree computed properties bonus: reselect

  17. 17.

    Why use React?

  18. 18.

    demo

  19. 19.

    predictable feels like synchronous code

  20. 20.

    optimizable quite fast by default, can be fine-tuned to be

    really fast
  21. 21.

    How to install

  22. 22.

    https://github.com/neos/neos-ui

  23. 23.

    /neos -> old /neos! -> new

  24. 24.
    None