Build Applications Faster with React.js & Flux

Rating:
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading...
Please Log in or register to rate

Build Applications Faster with React.js & Flux

FRT-106

React is a JavaScript library for building user interfaces. It simplifies complex arbitrary DOM manipulations by using a “virtual DOM” and a diff engine, allowing you to easily transition your DOM into any arbitrary state, regardless of the current state. React implements one-way reactive data flow which reduces boilerplate and is easier to reason about than traditional data binding. Flux is the application architecture that Facebook uses for building client-side web applications. It complements React’s composable view components by utilizing a unidirectional data flow. It’s more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code. Learning React and Flux will put you or your developers at the very front of modern web development industry, especially with the latest release of React-Native.

This course will get you up and running quickly, teaching you the essentials you need to deeply understand and build React components, and scalable web-apps with the Flux architecture. If you are new to React, or if you’ve started learning it already and need a thorough understanding of React.js & Flux – this course is the leap forward you are after.

Why should you learn React.js & Flux
  • MVC was great for server based web-apps, Flux was built with SPA in mind – next generation architecture for code running in the Browser
  • React.js & Flux are backed by Facebook and are here to stay
  • Bleeding edge – React & Flux are definitely gaining momentum, used by: Facebook, instagram, Twitter, Atlassian, AirBnb, PayPal, Netflix, reddit, salesforce, ebay, BBC, New York Times, Yahoo, Code academy, Wix, iron-source, tesco, Kahn-academy, Flipboard and many many more…
  • Decoupled technologies – If you must – React.js on it’s own will work well with other front end frameworks like Angular, Ember, Bootstrap etc..
  • React-Native was just released by Facebook to leverage React.js across all platforms, both on mobile and desktop
  • React.js though a very recent technology is definitely picking up in demand
Prerequisites

Basic JavaScript knowledge

Course Topics

Introduction to React.js

React.js overview
JSX & React.DOM
Project setup: Hello World
Build workflow using Webpack & Babel

React Component Basics

React Components basic structure
The render method
Managing state
Access props
PropTypes
Handling events
Using refs

Nested components

Parent/child relationship
One directional data flow
Updating nested components
Trigger re-render on a parent component
Rendering Collections and lists

Component Lifecycle

Overview
Mounting components
Updating props
Un-mounting

The Flux Architecture (using Redux)

Flux overview & lifecycle
Flux implementation libraries
Why Redux?
App state mutation
Actions
Stores
Views
Routing with react-router-component
Remove Duplicate Code with Mixins
Client SPA vs Server rendering vs Universal (Isomorphic) apps
Wrapping Up

© Copyright - Skilit - Site by Dweb