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
85
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
79
Neos Fusion - A Rendering Engine for the Modern Web
beheist
0
350
Introduction to Neos
beheist
0
74
An Introduction to CSS Grid Layout
beheist
0
2.6k
Neos 3.0 and the road ahead
beheist
0
84
Neos - 0 to live in 20min
beheist
0
70
Web Animations API - Frontend UserGroup RheinMain
beheist
2
3.4k
Web Animations API - Darmstadt Designer & Developer Meetup
beheist
1
55
InspringCon Lightning Talk - Frontend Form Validation
beheist
1
320
Other Decks in Programming
See All in Programming
5つのアンチパターンから学ぶLT設計
narihara
1
110
Elixir で IoT 開発、 Nerves なら簡単にできる!?
pojiro
1
150
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
250
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
390
童醫院敏捷轉型的實踐經驗
cclai999
0
180
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
440
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
110
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
140
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
110
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
GoのGenericsによるslice操作との付き合い方
syumai
3
680
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
Unsuck your backbone
ammeep
671
58k
How to train your dragon (web standard)
notwaldorf
92
6.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Invisible Side of Design
smashingmag
299
51k
For a Future-Friendly Web
brad_frost
179
9.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
GraphQLとの向き合い方2022年版
quramy
47
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
The Language of Interfaces
destraynor
158
25k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
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!