react logo

Goals


- Discover React.js and Flux

Program

Web application development
Panorama of available
React.js libraries : presentation, components
Reminders HTML5, JavaScript, JSX, the DOM

Workshop: Setting up a REACT JS project 

ECMAScript specification and implementations (JavaScript, JScript)
Transpilation ES6 => ES5 with Babel
 Object Oriented Programming:
Evolution of prototype oriented programming
Classes: instance members and class members
Object aggregation (mixins)
Inheritance
Arrow functions
Design patterns
Definition of modules
Native module management system, loading
Dependency management

Architecture of REACT
Views (V): operation, implementation
Implementation of views: displays, inputs, actions, binding and filters 

Define a component Create a first component
Use the properties
States of the components
CSS Style for a component
Event management
Relation between components: create and apply the references, add children to the elements, interaction with the properties.

Understand cycles
Mount a component
Add methods to a component and default properties
Set property types

Setting up Routing (React-router)
Rendering a route
Links via Router
Organize routes
Passing parameters links, redirects

Quick start FLUX Single stores, Reducers and actions
Implement the
Flux pattern in a project

Workshop: create a SPA: single page application

Good practices REACT JS (state, prop types, render, composition, hoc)
Tips

Duration

5 days

Price

£ 2394

Audience

JavaScript developers

Prerequisites

Good knowledge of the JavaScript environment

Reference

SIT100196-F

Sessions

Contact us for more informations about session date