Isomorphic Aplication with Javascript
0 likes362 views
The document discusses isomorphic JavaScript applications, highlighting their advantages and disadvantages compared to traditional server-side and client-side frameworks. It emphasizes the ability to share code between the server and client, improving user experience and SEO while still facing challenges like separate codebases and performance issues. The author also mentions resources for keeping up with JavaScript technologies and indicates a personal connection to JakartaJS.
Isomorphic Aplication with Javascript
- 2. ABOUT ME Hengki Sihombing Building Karejo.com - Organizer JakartaJS twitter @hengkiardo github @aredo [email protected]
- 3. ISOMORPHIC JAVASCRIPT Yes, fancy words - but why should I care..?
- 4. SERVER-SIDE Just ship it all from scratch every time So easy!!
- 5. SERVER-SIDE But poor user experience if you interact a lot
- 8. Gimme some dynamic web pages already! NOT GOOD ENOUGH
- 9. • Pros: • Easy to reason about • SEO out of the box • Cons: • Every action is a refresh • Poor user experience for dynamic apps SERVER-SIDE
- 10. CLIENT-SIDE (SPA) Look ma’ I can do all the things without reloading now!
- 12. CLIENT-SIDE (SPA) Don’t you dare press the back button
- 15. • Pros: • Actions without refresh the page • Less redundancy, Better user experience • Separate pure data from business logic • Cons: • No content before the js loads / SEO • Performance depend on users’ end devices • Duplicate logic(URL routing, validation, ...etc.) CLIENT-SIDE (SPA)
- 16. BUT I WANT IT ALL!
- 17. SERVER SIDE + SPA Get all your stuff done!!
- 18. BUT
- 19. SERVER SIDE + SPA Two separate codebase for the same application
- 20. Approaching..
- 22. • A concept of JS web framework that shares Javascript run on both client side and server side. • Reuse all codes Flexible for developer • Bootstrap initial page via server rendering • Font-end rendering/Back-end rendering ISOMORPHIC
- 29. How we can do it..??
- 33. A library for creating user interfaces https://facebook.github.io/react/
- 36. +
- 38. Let’s Demo One The Simplest isomorphic Javascript app?
- 40. meetup.com/JakartaJS How to keep up to date on Javascript Technologies??
- 41. Thank you