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
80
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
69
Neos Fusion - A Rendering Engine for the Modern Web
beheist
0
320
Introduction to Neos
beheist
0
64
An Introduction to CSS Grid Layout
beheist
0
2.5k
Neos 3.0 and the road ahead
beheist
0
80
Neos - 0 to live in 20min
beheist
0
67
Web Animations API - Frontend UserGroup RheinMain
beheist
2
3.4k
Web Animations API - Darmstadt Designer & Developer Meetup
beheist
1
49
InspringCon Lightning Talk - Frontend Form Validation
beheist
1
260
Other Decks in Programming
See All in Programming
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.9k
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
OpenAI/Gemini APIを使って EPUBを翻訳するCLIツールをつくってみた
tomiyan
0
790
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ
sakuraikotone
28
16k
CSC307 Lecture 10
javiergs
PRO
0
310
APIのない大学ログインWebサービスをWKWebViewとJavaScriptでアプリ化した話
akidon0000
1
330
Async Await: Mastering Python's Time-Bending Tricks - EuroPython2024
yanbo
1
290
Featured
See All Featured
Atom: Resistance is Futile
akmur
261
25k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
How to name files
jennybc
67
96k
Design by the Numbers
sachag
277
18k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Speed Design
sergeychernyshev
9
270
Writing Fast Ruby
sferik
623
60k
RailsConf 2023
tenderlove
16
720
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
We Have a Design System, Now What?
morganepeng
46
7k
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!