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

Entering the new era of Front-end development w...

Rob
March 03, 2016

Entering the new era of Front-end development with ReactJS

Video recording: https://www.youtube.com/watch?v=z9HYmlx6JB8

ReactJS is not just yet another framework to be forgotten after few years, it shifts the concepts of modern front-end development giving us the scalability and control we always strived about.

Robert will guide you through key concepts of ReactJS based applications covering all aspects of full stack development and maintenance. This includes component development approach, deep integrated into ReactJS architecture and React Native, which allows to reuse most of UI code, still using the power of Native UI.

Rob

March 03, 2016
Tweet

More Decks by Rob

Other Decks in Technology

Transcript

  1. @operatino It's all about the ecosystem • Supports server and

    cross-platform rendering • React brings the essence of the functional programming to UI development • Leverages composition • Promotes unidirectional data flow
  2. @operatino “Move fast & break things. But fix it before

    it goes to prod.” Christopher Chedeau, Talk: Why does React scale?
  3. @operatino Why Facebook built React • Predictable code execution environment

    • Individual components holds the state • Immutable component properties • Property type checking • Encapsulation and fast debugging
  4. @operatino Because of these benefits • Integration flexibility • Ease

    of maintenance • Powerful component libraries • Isomorphic rendering
  5. @operatino Benefits of Isomorphic Rendering • Performance • Common codebase

    between FE and BE • Good SEO • Progressive enhancement
  6. @operatino React Native • Uses platform native UI • Execute

    JS in native app's separate thread • Allows re-using most of code from web/other platforms • Instant releases, skipping App Store reviews • Great developer experience
  7. @operatino Starting You React Path • Official React tutorials •

    https://github.com/petehunt/react-howto • https://camjackson.net/post/9-things-every-reactjs- beginner-should-know