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
93

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
69
How To Write Unmaintainable Code
Avatar for Sebastian Kurfürst skurfuerst
0
59
PHPDD23: Practical Debugging and Performance Profiling
Avatar for Sebastian Kurfürst skurfuerst
0
64
Neos Con 2023: Migrating a Project to Neos 9
Avatar for Sebastian Kurfürst skurfuerst
0
31
Neos Con 2022: The New Content Repository
Avatar for Sebastian Kurfürst skurfuerst
0
32
Neos Conference 2021: Event Sourced Content Repository - the current status
Avatar for Sebastian Kurfürst skurfuerst
0
32
2020: Sandstorm Technology Radar
Avatar for Sebastian Kurfürst skurfuerst
0
12
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
200

Other Decks in Technology

See All in Technology
R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual Localization
Avatar for Takuya MINAGAWA takmin
0
390
新卒(ほぼ)専業Kagglerという選択肢
Avatar for Ryota nocchi1
1
1.8k
Amazon Bedrock AgentCore でプロモーション用動画生成エージェントを開発する
Avatar for Kiminori Yokoi nasuvitz
6
370
キャリアを支え組織力を高める「多層型ふりかえり」 / 20250821 Kazuki Mori
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
280
GitHub Copilot coding agent を推したい / AIDD Nagoya #1
Avatar for tnir tnir
2
4.1k
そのコンポーネント、サーバー？クライアント？App Router開発のモヤモヤを可視化する補助輪
Avatar for Makoto Tateno makotot
3
220
AIエージェントの開発に必須な「コンテキスト・エンジニアリング」とは何か──プロンプト・エンジニアリングとの違いを手がかりに考える
Avatar for Masaya Mori (森正弥) / CAIO (Chief AI Officer) masayamoriofficial
0
280
開発と脆弱性と脆弱性診断についての話
Avatar for su3158 su3158
1
1.1k
サイボウズフロントエンドの横断活動から考える AI時代にできること
Avatar for mugi / Hajime Mugishima mugi_uno
4
1.4k
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
Avatar for AEON aeonpeople
1
160
はじめての転職講座/The Guide of First Career Change
Avatar for Hiromu Shioya kwappa
5
4.5k
モダンな現場と従来型の組織——そこに生じる "不整合" を解消してこそチームがパフォーマンスを発揮できる / Team-oriented Organization Design 20250825
Avatar for mtx2s mtx2s
4
460

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.4k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
20k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k

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