Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Neos - React Rewrite
Search
Bastian Heist
September 22, 2016
Programming
0
81
Neos - React Rewrite
My talk about the NeosCMS backend rewrite to React, held at the DarmstadtJS meetup on Sep 22, 2016.
Bastian Heist
September 22, 2016
Tweet
Share
More Decks by Bastian Heist
See All by Bastian Heist
What's new in Neos?
beheist
1
71
Neos Fusion - A Rendering Engine for the Modern Web
beheist
0
340
Introduction to Neos
beheist
0
69
An Introduction to CSS Grid Layout
beheist
0
2.6k
Neos 3.0 and the road ahead
beheist
0
82
Neos - 0 to live in 20min
beheist
0
69
Web Animations API - Frontend UserGroup RheinMain
beheist
2
3.4k
Web Animations API - Darmstadt Designer & Developer Meetup
beheist
1
54
InspringCon Lightning Talk - Frontend Form Validation
beheist
1
280
Other Decks in Programming
See All in Programming
ecspresso, ecschedule, lambroll を PipeCDプラグインとして動かしてみた (プロトタイプ) / Running ecspresso, ecschedule, and lambroll as PipeCD Plugins (prototype)
tkikuc
2
1.5k
Beyond ORM
77web
11
1.6k
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
770
AHC041解説
terryu16
0
300
Alba: Why, How and What's So Interesting
okuramasafumi
0
180
20年もののレガシープロダクトに 0からPHPStanを入れるまで / phpcon2024
hirobe1999
0
1k
快速入門可觀測性
blueswen
0
490
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
370
PSR-15 はあなたのための ものではない? - phpcon2024
myamagishi
0
400
月刊 競技プログラミングをお仕事に役立てるには
terryu16
1
1.2k
ゼロからの、レトロゲームエンジンの作り方
tokujiros
3
980
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
210
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1366
200k
Writing Fast Ruby
sferik
628
61k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
173
50k
A Modern Web Designer's Workflow
chriscoyier
693
190k
A designer walks into a library…
pauljervisheath
205
24k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Producing Creativity
orderedlist
PRO
343
39k
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Transcript
♥
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)
None
♥
None
Open Source Modern CMS Intended as TYPO3 successor https://neos.io Editor
Experience Developer Friendly
A very quick demo What is Neos?
Basics? React+Redux
y = f(x) DOM = react(state) React+Redux
state?
State is immutable React+Redux
Component Action Reducer State
Actions React+Redux
Reducer newState = f(oldState, action) React+Redux
Why rewrite?
Why rewrite?
Issues… Why rewrite?
Responsiveness Why rewrite?
Overflowing Styles Why rewrite?
Planned Features Why rewrite?
Extensibility Why rewrite?
Ecosystem Converging to Flux Pattern Why rewrite?
16655 lines of Ember 1.x code The Rewrite
Principles Action Reducer Action Reducer Action Reducer :(
Principles Action Reducer Reducer Reducer :)
The Rewrite
State Structure
State Structure
State Structure
State Structure
State Structure
Sagas
PlowJS - Curried Selectors
CSSModules + Themr
Tackling the iframe… ContentCanvas.js
Tackling the iframe… Frame.js Component Tree <> DOM Tree!
Tackling the iframe…
Contributing https://github.com/neos/neos-ui
Contributing /neos -> old /neos! -> new
Contributing Plan: ship React UI alpha with Neos 3.0 in
December
Meetup Oct 19, 2016 - 19:00 - UDG Mainz
https://neos.io Thank you!