Rails jako API backend ke komplexním React.js aplikacím

Strukturování aplikace, jak spojit svět Ruby on Rails a Reactu
Build system, deployment
Server Side Rendering
APIs a performance

Transcript

1. Daniel Hejl Rails jako API backend ke komplexním React.js aplikacím productboard
2. productboard Turn customer insights into products people want.
3. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Ruby on Rails SaaS na Heroku PostgreSQL + Redis React.js frontend cca 450 komponent přes několik SPA
4. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Dev Single App Repository Ruby on Rails server $ git push heroku master asset pipeline & sprockets assets fingerprinting API responses HTML for JS apps Static Assets (via CDN) Browser client
5. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Dev Single App Repository Ruby on Rails server $ git push heroku master asset pipeline & sprockets assets fingerprinting API responses HTML for JS apps Static Assets (via CDN) Browser client asset pipeline and sprockets pomalý deployment
6. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
7. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Backend Dev Backend Repository Ruby on Rails server $ git push heroku master assets fingerprinting API responses HTML for JS apps Static Assets (via CDN) Browser client Frontend Dev Frontend Repository webpack production build
8. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Backend Dev Backend Repository Ruby on Rails server $ git push heroku master assets fingerprinting API responses HTML for JS apps Static Assets (via CDN) Browser client Frontend Dev Frontend Repository ☺ Build system (webpack) Čistě JS frontend prostředí Deployment Fingerprinting webpack production build
9. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Backend Dev Backend Repository Ruby on Rails server $ git push heroku master API responses HTML for JS apps Static Assets Browser client Frontend Dev Frontend Repository $ deploy production S3 + CloudFront Compiled HTML with correct fingerprints
10. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
11. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
12. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Deployment nezávislý na backendu Možnost zkontrolovat před aktivací Rychlý rollback Více nasazených verzí frontendu najednou A/B testing, postupný feature rollout
13. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
14. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
15. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Jak dostat novou verzi na klienta?
16. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
17. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
18. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Rails jako API server
19. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
20. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
21. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
22. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
23. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
24. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Shrnutí Ruby on Rails Sprockets Oddělený deployment % PostgreSQL + JSON Pusher
25. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved.
26. productboard Copyright © 2016 ProductBoard, Inc. All rights reserved. Díky za pozornost! Otázky? Nápady jak to celé dělat lépe? daniel@productboard.com