Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Neos React Rewrite - Neos Meetup @Syzygy - ...

Avatar for Sebastian Kurfürst Sebastian Kurfürst
September 08, 2016
Technology
0
94

The Neos React Rewrite - Neos Meetup @Syzygy - 08.09.2016

Avatar for Sebastian Kurfürst

Sebastian Kurfürst

September 08, 2016
Tweet

More Decks by Sebastian Kurfürst

See All by Sebastian Kurfürst
How To Write Unmaintainable Code - PHPDD 2024
Avatar for Sebastian Kurfürst skurfuerst
0
75
How To Write Unmaintainable Code
Avatar for Sebastian Kurfürst skurfuerst
0
63
PHPDD23: Practical Debugging and Performance Profiling
Avatar for Sebastian Kurfürst skurfuerst
0
65
Neos Con 2023: Migrating a Project to Neos 9
Avatar for Sebastian Kurfürst skurfuerst
0
32
Neos Con 2022: The New Content Repository
Avatar for Sebastian Kurfürst skurfuerst
0
33
Neos Conference 2021: Event Sourced Content Repository - the current status
Avatar for Sebastian Kurfürst skurfuerst
0
33
2020: Sandstorm Technology Radar
Avatar for Sebastian Kurfürst skurfuerst
0
14
Neos Conference 2020: Event Sourced Content Repository - the current status
Avatar for Sebastian Kurfürst skurfuerst
0
20
Plone-Tagung Dresden 2020 - Patterns und Best Practices für die Entwicklung erweiterbarer und leistungsstarker React SPAs am Beispiel der Neos CMS-Benutzeroberfläche
Avatar for Sebastian Kurfürst skurfuerst
1
210

Other Decks in Technology

See All in Technology
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
Avatar for 太田 涼一 ryoichi_ota
0
710
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
Avatar for hhiroshell hhiroshell
0
110
「最速」で Gemini CLI を使いこなそう！ 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
Avatar for Kento Kimura aoto
PRO
0
140
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
12
81k
Railsの話をしよう
Avatar for Yasuo Honda yahonda
0
170
Wasmの気になる最新情報
Avatar for asuka askua
0
170
AIフル活用で挑む！空間アプリ開発のリアル
Avatar for TAAT taat
0
120
AIとともに歩んでいくデザイナーの役割の変化
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
720
初めてのDatabricks Apps開発
Avatar for Takaaki Yayoi taka_aki
1
230
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
Avatar for Kurochan kurochan
4
2.2k
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
Avatar for Leko leko
1
110
それでも私が品質保証プロセスを作り続ける理由 #テストラジオ / Why I still continue to create QA process
Avatar for ぱいん pineapplecandy
0
150

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
190
55k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
61k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k

Transcript

  1. Meetup FFM

  2. Neos Redone - The React Rewrite -

  3. Sebastian Kurfürst @skurfuerst

  4. Why rewrite?

  5. None
  6. None

  7. not Ember vs React!

  8. React / Redux Basics

  9. demo

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

  11. state?

  12. state is immutable

  13. state actions reducer component tree

  14. actions

  15. reducer newState = f(oldState, action)

  16. state component tree computed properties bonus: reselect

  17. Why use React?

  18. demo

  19. predictable feels like synchronous code

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

    really fast

  21. How to install

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

  23. /neos -> old /neos! -> new

  24. None