Application Development with React and Flux E-Learning Training

Bestel deze unieke E-Learning cursus Application Development with React and Flux online, 1 jaar 24/ 7 toegang tot rijke interactieve video’s, spraak, voortgangsbewaking door rapportages.

Je leert eerst een developeromgeving op te zetten en je maakt kennis met de pluspunten van het platform. In het vervolg van de cursus leer je React componenten te configureren en komt routing via React Routing aan bod. Ook het maken van formulieren wordt behandeld in deze cursus.
Aan het einde van de cursus kom je meer te weten over Flux. Flux is een datastroom die is ontworpen om gegevensstromen door een applicatie te behandelen. Er zijn talrijke implementaties van Flux maar deze cursus behandelt het gebruik van Facebook's Flux-patroon binnen een webapplicatie die is ontwikkeld in React.

Cursusinhoud

Overview

Course: 24 Minutes

• Course Introduction
• Innovations in React and Flux
• Technology Overview
• Node.js Overview
• Browserify Overview
• React Overview
• React Router Overview
• Flux Overview
• Gulp Overview

Setting Up

Course: 40 Minutes

• Installing Node.js
• Installing Gulp
• Configuring Gulp
• Configuring Browserify
• Installing Bootstrap
• Configuring ESLint
• Installing React
• Installing React Router
• Installing React DOM
• Installing Flux

React Concepts

Course: 17 Minutes

• React and MVC
• Two-way Binding
• JSX Overview
• Working with JSX
• Tools for JSX
• Virtual DOM

Practice: Setting up

Course:7 Minutes

• Exercise: Configuring a Developer Machine

Creating React Components

Course: 21 Minutes

• Course Introduction
• Creating a React Component
• Routing between React Components
• Centralized Header
• Naming Conventions for React Components

React Life Cycle

Course: 32 Minutes

• React Component Props and State
• React Component Life Cycle Functions
• Declaring Keys for Dynamic Child Components
• Setting Up an API
• Creating a Dynamic Data Component
• Using the getInitialState Life Cycle Function
• Using the componentWillMount Life Cycle Function

React Composition

Course: 17 Minutes

• Composing React Components
• Configuring Controller Views
• Configuring Prop Validation
• Understanding Mixins

Practice: Component Composition

Course: 4 Minutes

• Exercise: Composing React Components

React Router

Course: 41 Minutes

• Course Introduction
• Configuring Routes in React Router
• Configuring a RouteHandler
• Using Params and Querystrings with Routes
• Configuring Links
• Configuring NotFoundRoute
• Configuring Redirects
• Configuring Simple Transitions
• Hash Location and HTML5 History Routing
• Configuring the Router.Navigation Mixin

React Forms

Course: 1 Hour, 7 Minutes

• Creating a Basic Form
• Building a Controller View
• Building Controlled Form Components
• Creating Reusable Inputs
• Consuming Reusable Inputs
• Configuring Buttons
• Configuring Programmatic Redirects
• Using the toastr Library for Notifications
• Configuring Form Validation
• Configuring PropTypes
• Using Transitions
• Configuring Form Hydration Using a URL

Practice: Forms and Routes

Course: 8 Minutes

• Exercise: Creating Forms and Routes

A Flux Overview

Course: 40 Minutes

• Course Introduction
• Flux Overview
• Core Flux Concepts
• Configuring Flux Actions
• Configuring a Flux Dispatcher
• Configuring Flux Stores
• Configuring Flux Controller Views
• Flux Flow in Detail
• The Flux API

Working with Flux

Course: 47 Minutes

• Configuring Flux Change Listeners
• Registering Flux Store Registration
• Configuring Flux Store Private Storage
• Configuring Flux Store Interactions
• Initialize a Flux Store
• Updating Data Flow with Flux
• Adding Flux Store Listeners
• Deleting Data via Flux

Practice: Flux

Course: 5 Minutes

• Exercise: Configuring Flux