Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React.JS Conf & f8

React.JS Conf & f8

It is my React.JS conference and f8 sharing.

Randy Lien

March 27, 2015
Tweet

More Decks by Randy Lien

Other Decks in Technology

Transcript

  1. KKbOX Introduction • 2015/1/28 ~ 1/29 @Facebook HQ, CA •

    160~ • 18 sessions + 2 panels • Tickets sold out in 1 minutes (3 waves)
  2. KKbOX Optimistic re-rendering • Pure Component (prop, state) • Immutable

    data • shouldComponentUpdate • Only re-render when value is changed • PureRenderMixin
  3. KKbOX Why Immutable? • Immutable data is no side effect!

    • Shared mutable state is the root of all evil 
 - Pete Hunt
  4. KKbOX Why Immutable? (cont.) • The reason why Om is

    faster than React • Data or Value is immutable in Clojure • Immutable + PureRenderMixin
  5. KKbOX Flux & Relay • Flux is an architecture •

    Relay is designed for solving data fetching problem
  6. KKbOX Flux • Unidirectional data flow • Easy to debug

    • It’s more of a pattern rather than a formal framework
  7. KKbOX Relay • Relay is designed for solving data fetching

    problem • Efficient • Cache • GraphQL
  8. KKbOX Component Communication • It is a general problem •

    Two scenarios • Parent & Child • No relationship
  9. KKbOX No Relationship • Global event system • Flux •

    Codecademy • Adapter (broadcast) • Channel (JS-CSP)
  10. KKbOX React Native • No WebView, it uses JavaScript to

    control native UI. • JavaScriptCore • 3 pillars • Touch Handling • Native Components • Style & Layout • Reimplement Flex Box.
  11. KKbOX Conclusion • Learn once, write anywhere • React makes

    reusable components possible • Look forward to Flux & Relay + GraphQL • Tooling • nuclide • Jest
  12. KKbOX Conclusion (cont.) • React Native is amazing but you

    still need to learn how native (Android/iOS) works • Embrace Immutable data structure to reduce complexity • It is time to use ES6 & ES2015 • Functional Programming is hot • immutable data structure & functions composition • #clojure
  13. KKbOX Trending • React-inspired View - ComponentKit • Flux architecture

    in Server side or App • Functional Programming
  14. KKbOX Functional Programming • Operates on streaming and abstracts your

    behaviours • Clojure • LISP • Immutable data structure • ClojureScript • #clojure