Download as PDF, PPTX
Uploaded bySasha Snig
Isomorphic js shared js with react.js
Isomorphic js allows sharing of JavaScript code between a Drupal backend and React frontend. It enables component re-use, rapid development, and handling large codebases. Some benefits include self-contained and reusable components, sharing code between server and client, and using a virtual DOM for efficient UI updates. Challenges include getting data from Drupal to React and issues like overfetching or underfetching data. Solutions involve Flux data stores, GraphQL, and server-side rendering. Isomorphic JavaScript focuses developers on components, enables rapid prototyping, and treats frontend and backend as part of the same application.
More Related Content
Similar to Isomorphic js shared js with react.js
Isomorphic js shared js with react.js
- 1. Isomorphic js? Sharedjs with react.js Bondarenko Oleksander (aka Snig)
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 10. About me Bondarenko Oleksandr(aka SNIG): 5+ years exp on web development. 4+ years on drupal External consultant, Team lead (of one part drupal developers), front-end optimisation.
- 11.
- 12.
- 13.
- 14. Duplication and only someCode reuse
- 15. Small components over bigcontrollers
- 20.
- 21.
- 22. Can be addressed andrendered separately
- 23. JS is partof the component
- 24. CSS can bepart of the component
- 25. Share code between serverand client
- 26. Share code between serverand client
- 27.
- 28.
- 29.
- 30. Many small, self contained,reusable components
- 33. Getting the datain there
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51. “I even wonderif GraphQL could be the basis for a future version of Views.”
- 52.
- 53.
- 54.
- 55.
- 56.
- 58.
- 60.
- 62.
- 65.
- 66. Enables developers toonly focus on their components
- 67.
- 68.
- 69.
- 70.
- 71.
- 72. Frontend and backendare part of the same application
- 73. Ok, it’s allabout Isomorphic js
- 75.