Download to read offline
Uploaded byFwdays
"The Grail: React based Isomorph apps framework" Эльдар Джафаров
The document discusses the Grail framework for building isomorphic (universal) web applications using React, highlighting advantages like performance, maintainability, and SEO. It outlines key components such as rendering, routing, and business logic, and emphasizes the distinction between client and server contexts in managing resources. The document also provides a demo link and resource for further exploration of the framework.
More Related Content
Similar to "The Grail: React based Isomorph apps framework" Эльдар Джафаров
"The Grail: React based Isomorph apps framework" Эльдар Джафаров
- 1. The Grail: Reactbased Isomorph apps framework Eldar Djafarov djkojb@gmail.com @edjafarov github.com/edjafarov
- 2. isomorphic webapps vs SPA? •Performance • Maintainability • Testability • SEO
- 3. existing isomorphic solutions • Meteor.js •Rendr • Derby
- 4. • rendering • routing •business logic • resources router business logic stores view resource REST API How the isomorphic app should look like?
- 5.
- 6. Isomorphic rendering React converts thestate into DOM state virtual dom DOM describe how your state is rendered declaratively and make your business logic manipulate state instead of view
- 7.
- 8. How the isomorphicapp should look like? • rendering • routing • business logic • resources router business logic stores view resource router business logic stores view resource
- 9.
- 10.
- 11. How the isomorphicapp should look like? • rendering • routing • business logic • resources router business logic stores view resource router business logic stores view resource
- 12. Isomorphic business logic •get Items • render Screen • validate incoming Item • save Item • get updated Items • handle Error is save failed • render Screen Fetch data Save data
- 13. Isomorphic business logic •getItems • renderScreen • validateItem • saveItem • getItems • handleError • renderScreen Fetch data Save data
- 14. Isomorphic business logic ThePromisePipes
- 15. Isomorphic business logic ThePromisePipes
- 16. How the isomorphicapp should look like? • rendering • routing • business logic • resources router business logic stores view resource router business logic stores view resource REST API
- 17.
- 18. client vs server thedifference • context • resource caching • for server, get is enough
- 19. what about modules? •npm • node require • npm • browserify/webpack Server Client
- 20. The Grail app DEMO https://grail-todomvc.herokuapp.com/ src:https://github.com/edjafarov/grailjs
- 21. there is noserver - Do not try and code the isomorphic backend. That's impossible. Instead... only try to realize the truth. - What truth? - There is no server.
- 22. • rendering • routing •business logic • resources router business logic stores view How the isomorphic app should look like?
- 23. Isomorphic business logic validate validateallowIf(‘canSave’) db.saveTo(‘Item’) db.get(‘Item’,{})emit(‘items’)catch(‘items:fail’) client server
- 24.