1.
B
Richard McMenamin
Fullstack 2016
USING REACT TO DRIVE
CHANGE AT A CAR MAKER

2.
RICHARD MCMENAMIN
@richmcm

3.
INTRO

4.
WHAT PROBLEM ARE WE TRYING TO SOLVE?
ENGINEER SUPPLIERS
10 3 5

5.
APPS
MANAGERENGINEERSUPPLIERS
Evidence
Q2
Q1
Q3
Send
Yes
No
Accept?
Q2
Q1
Q3
Submit
Y/N
Y/N
Y/N
Y/N
Y/N
Y/N
Y/N
Y/N
Y/N
Y/N
Y/N
Y/N

6.
MOBILE FIRST
DECISION
MANAGER ENGINEERS
SUPPLIERS
DECISION
DECISION

7.
MOBILE USAGE
SQLLITE
TEXT IMAGES
ENGINEER

8.
ARCHITECTURE
SUPPLIER DATA (SAP) HR DATA (SAP) DELIVERY CAPACITY PARTS DATA
MARIA DB
MARIA DB
ELASTIC
SEARCH
PPAP SDPSW
NGINX
API MANAGER
API MANAGER
LIFERAY
CMSDATA ACCESS LAYER
BUSINESS LAYER
STA PLATFORM
MOBILE APPS
IFAB PLATFORM
SYSTEMS OF RECORD
IDENTITY SERVER
NGINX
API MANAGER
MESSAGE
BROKER
ESB
CIS CACHE
CIS
IDENTITY SERVER

9.
DID WE CHOOSE REACT?
WHY

10.
REACT ECOSYSTEM

11.
THE ALTERNATIVES

12.
DEVELOPER EXPERIENCE

13.
REDUX
+
VIEW (COMPONENTS)
1. INTERACTION
5. NEW STATE
2. DISPATCH
ACTION
3. OLD STATE
4. NEW STATE
ACTION
CREATORS
STORE REDUCERS

14.
DEV TOOLS

15.
SCALING REACT

16.
COMPOSITION
containerComponent containerComponent.js
presentationComponent
presentationComponent.js
presentationComponent.scss

17.
containerComponent containerComponent.js
presentationComponent
presentationComponent.js
presentationComponent.scss
COMPOSITION

18.
containerComponent containerComponent.js
presentationComponent
presentationComponent.js
presentationComponent.scss
COMPOSITION

19.
APPROACH

20.
ITERATIVE APPROACH
INTERACTIVE
WIREFRAME
VALIDATE
WITH PRODUCT OWNERS
TEST
WITH ENGINEERS
ITERATEPROTOTYPE

21.
REACT RESOURCES
Introduction: https://facebook.github.io/react/
Documentation: https://facebook.github.io/react/docs/getting-started.html
Training videos: https://egghead.io/
Using React and Webpack: http://survivejs.com/webpack_react/introduction
Community chat: http://www.reactiflux.com/ (via Discord)
Redux: http://rackt.org/redux/ (documentation)
How to learn the React ecosystem in an order that makes you productive
without feeling overwhelmed by tool fatigue:
https://github.com/petehunt/react-howto
https://github.com/gaearon/react-makes-you-sad
Code style guide: https://github.com/airbnb/javascript/tree/master/react
React cheat sheet: http://reactcheatsheet.com/
THANK YOU
Richard McMenamin
@richmcm
We are hiring!