Universal Applicatons

With React

The Server

The Browser

What is "universal," really?

truly universal apps

The Server

The Browser

"Isomorphic" code

isos = "equal"

morph = "shape"

=

Michael Jackson

isomorphic code !== isomorphic

Co-founder @ReactJSTraining

Low-level implementation different for each platform.

isomorphic code === universal?

+

!==

?

"Write once, run anywhere!"

- Java

A long journey

...slow, clunky, didn't mesh well

Got Java runtimes?

No?

Too bad.

  • Browsers becomes more sophisticated
  • JavaScript offers app-like experiences on all platforms
  • Web Apps seem to be the future of cross-platform apps

The Web Grows Up

  • Android soon follows
  • Native apps provide more responsive experience
  • Web apps constrained by poor mobile performance

the iphone debuts

Conventional Wisdom

Challenged

React Everywhere!

Declarative Components

One-Way Data Flow

(No Two-Way Binding)

Virtual DOM

React Native

  • Facebook takes it to a new level
  • React and Node tools often work with little adjustment
  • Components render to actual native views, using the native layout system
  • Performance and "native feel" is dramatically improved

(truly)

A truly universal structure

Greek etymology from:
"Isomorphic JavaScript: Applications which run both client-side and server-side" - isomorphic.net

Acknowledgements

"Universal" rather than "Isomorphic" popularized by:
"Universal JavaScript" - Michael Jackson

Made with Slides.com