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
Building web apps with React+MobX
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Gerben Meyer
December 07, 2017
Programming
1
64
Building web apps with React+MobX
Presented at the first meetup of the Web Applications Meetup group Veenendaal.
Gerben Meyer
December 07, 2017
Tweet
Share
Other Decks in Programming
See All in Programming
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
600
AtCoder Conference 2025
shindannin
0
1k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
0
930
dchart: charts from deck markup
ajstarks
3
990
Basic Architectures
denyspoltorak
0
660
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
190
なるべく楽してバックエンドに型をつけたい!(楽とは言ってない)
hibiki_cube
0
140
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
tetutetu214
2
110
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
370
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.5k
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
120
Featured
See All Featured
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
Deep Space Network (abreviated)
tonyrice
0
47
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
Accessibility Awareness
sabderemane
0
49
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
49
Documentation Writing (for coders)
carmenintech
77
5.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.4k
[SF Ruby Conf 2025] Rails X
palkan
1
740
Transcript
Web Application Meetup Veenendaal The first
Gerben Meyer • Lead Developer at Minox • Before: •
Lead Developer at Zoover • Stuff in Taipei • Academia • http://gerbenmeyer.com/
Minox • Accounting software • Since 1983 • Around 20
employees • Veenendaal based • Transitioning to cool tech
Building web apps with React+MobX How we do it at
Minox
React • "A JavaScript library for building user interfaces" •
Generate HTML client-side and/or server-side • https://reactjs.org/
MobX • "Simple, scalable state management" • Store data on
which the UI is based • https://mobx.js.org/
Integrating MobX and React • Inject the MobX store in
the React component • MobX decorators do most of the magic
Changing State • Define an action for changing state •
Updating observables will notify observers
Changing View • MobX observer will update React props •
So new accounts are rendered automagically!
React Styleguidist • "Isolated React component development environment with a
living style guide" • AFAIK the best way of managing all your React components • Especially awesome when not using CSS • https://react-styleguidist.js.org/
Bizcuit • "Écht betalen vanuit jouw boekhouding!" • Our first
application builtthis way • Mobile-first web app • Connects with bank APIs • Back-end built in NodeJS • HA deployment in AWS • https://www.bizcuit.nl/
Let's demo some! All this in practice
Time for discussion Thanks for your attention!