Capgemini is currently using React to deliver a range of mobile, offline-first apps to a major UK car manufacturer. This talk will cover how we are transforming their supplier relationships, why we chose React over the alternatives, and how we create a reusable app architecture.
Motivation:
Why did we choose React over Angular and Meteor? How does React allow us to create a reusable app architecture?
What problem are we trying to solve?
The current project involves transforming the way that the client and their suppliers manage the supply of parts and the supplier relationship. This has historically been a manual process of phone calls, spreadsheets and hand-written notes, which has led to waste and delayed product launches.
Approach:
Early prototyping and proof of concepts to cover a lot of issues around offline storage and syncing of data. Working closely with product owners and product iteration.
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
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!
