isomorphic-javascript-web-development

  1. What are isomorphic apps?
  2. How to write isomorphic JavaScript code?

What are isomorphic apps?

Isomorphic apps are these apps that designed for the browser but at the same time they must run on the server for generating HTML markup.

Benefits:

  • Dramatically imrpove the initial load time
  • Search engine friendly
  • Reduce code duplication by sharing the code between client-side and server-side codebases.

The following parts can be shared between client and server:

  • The presentation layer (UI)
  • routing and navigation
  • data fetching and persistence
  • UI localization and internationalization

Usually we need a Node.js server in order to run isomorphic apps server side, but you can execute JavaScript code an any platforms, such as PHP, .NET and Ruby.

How to write isomorphic JavaScript code?

Module bundlers such as Browserify or Webpack allow to bundle and optimize JavaScript code for a specific environment.