Using React Js to drive change at a car maker
- 1. B Richard McMenamin Fullstack 2016 USING REACT TO DRIVE CHANGE AT A CAR MAKER
- 3. INTRO
- 4. WHAT PROBLEM ARE WE TRYING TO SOLVE? ENGINEER SUPPLIERS 10 3 5
- 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
- 12. THE ALTERNATIVES
- 14. REDUX + VIEW (COMPONENTS) 1. INTERACTION 5. NEW STATE 2. DISPATCH ACTION 3. OLD STATE 4. NEW STATE ACTION CREATORS STORE REDUCERS
- 15. DEV TOOLS
- 16. SCALING REACT
- 20. APPROACH
- 21. ITERATIVE APPROACH INTERACTIVE WIREFRAME VALIDATE WITH PRODUCT OWNERS TEST WITH ENGINEERS ITERATEPROTOTYPE
- 22. 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!