Course: Application Development with React and Flux

$199.00
$240.79 incl. vat

duration: 10 hours |

Language: English (US) |

access duration: 90 days |

Details

In this course you will learn the basics of React and Flux. You will learn the initial setup of a developer environment and introduce the strengths of the platform. This course covers also basic configuration of React components basic routing with React Router, and techniques for building reusable forms and form components.
At the end of this course Flux will be discussed. Flux is a pattern of unidirectional data flow designed to handle data flows throughout an application. There are numerous implementations of Fluxbut this course covers the use of Facebook's Flux pattern within a web application developed in React.

Result

When you completed this course, you are familiar with the use of React for application development and Flux for data flow.

Prerequisites

You have basic knowledge of programming.

Target audience

Web Developer

Content

Application Development with React and Flux

10 hours

React and Flux: An Overview

  • start the course
  • describe innovations in React and Flux and what advantages they bring over over web development stacks
  • describe features of React and Flux and a reason to use the given technology stack
  • describe Node.js and how it fits with web development
  • describe Browserify and how it fits with web development
  • describe React and how it fits with web development
  • describe React Router and how it fits with web development
  • describe Flux and how it fits with web development
  • describe Gulp and how it fits with web development
  • install Node.js on a developer machine
  • install Gulp on a developer machine
  • configure Gulp on a developer machine
  • configure Browserify on a developer machine
  • install Bootstrap on a developer machine
  • configure ESLint on a developer machine
  • install React on a developer machine
  • install React Router on a developer machine
  • install React DOM on a developer machine
  • install Flux on a developer machine
  • describe React fits into an MVC framework
  • describe issues with two-way binding and how they are avoided in Flux with unidirectional binding
  • describe JSX extension to JavaScript
  • contrast JSX with the equivalent JavaScript
  • use various JavaScript editors for JSX
  • describe the use of virtual DOM in React
  • install tools required on a developer machine to build apps with React and Flux

React and Flux: Creating Simple React Components

  • start the course
  • create a React component
  • configure simple routing between components in React without React Router
  • create a header for navigation
  • describe some considerations and conventions when naming React components
  • describe immutable props and mutable state in React components
  • use React component life cycle functions
  • add a key to dynamic child React components
  • create an API for server calls from React
  • create a component with dynamic data
  • use the getInitialState life cycle function to set initial state on a dynamic data component
  • use the componentWillMount life cycle function to update a dynamic data component
  • compose components in React
  • create a controller view in React
  • configure prop validation on React components
  • understand mixins for a React component
  • create a composite React component and wire up life cycle functions

React and Flux: React Router and Forms

Although React has no opinion about how routes are handled, and you can manually wire up routes in a React app. A much more coherent, configurable, and manageable approach is to use React Router, which was specifically designed for the task. Creating forms with validation and logic attached is a perennial challenge for web app developers. This course covers basic routing with React Router, and techniques for building reusable forms and form components.

React and Flux: Working with Flux

React and Flux: Working with Flux

Course options

We offer several optional training products to enhance your learning experience. If you are planning to use our training course in preperation for an official exam then whe highly recommend using these optional training products to ensure an optimal learning experience. Sometimes there is only a practice exam or/and practice lab available.

Optional practice exam (trial exam)

To supplement this training course you may add a special practice exam. This practice exam comprises a number of trial exams which are very similar to the real exam, both in terms of form and content. This is the ultimate way to test whether you are ready for the exam. 

Optional practice lab

To supplement this training course you may add a special practice lab. You perform the tasks on real hardware and/or software applicable to your Lab. The labs are fully hosted in our cloud. The only thing you need to use our practice labs is a web browser. In the LiveLab environment you will find exercises which you can start immediatelyThe lab enviromentconsist of complete networks containing for example, clients, servers,etc. This is the ultimate way to gain extensive hands-on experience. 

WHY_ICTTRAININGEN

Via ons opleidingsconcept bespaar je tot 80% op trainingen

Start met leren wanneer je wilt. Je bepaalt zelf het gewenste tempo

Spar met medecursisten en profileer je als autoriteit in je vakgebied.

Ontvang na succesvolle afronding van je cursus het officiële certificaat van deelname van Icttrainingen.nl

Krijg inzicht in uitgebreide voortgangsinformatie van jezelf of je medewerkers

Kennis opdoen met interactieve e-learning en uitgebreide praktijkopdrachten door gecertificeerde docenten

Orderproces

Once we have processed your order and payment, we will give you access to your courses. If you still have any questions about our ordering process, please refer to the button below.

read more about the order process

What is included?

Certificate of participation Yes
Monitor Progress Yes
Award Winning E-learning Yes
Mobile ready Yes
Sharing knowledge Unlimited access to our IT professionals community
Study advice Our consultants are here for you to advice about your study career and options
Study materials Certified teachers with in depth knowledge about the subject.
Service World's best service

Platform

Na bestelling van je training krijg je toegang tot ons innovatieve leerplatform. Hier vind je al je gekochte (of gevolgde) trainingen, kan je eventueel cursisten aanmaken en krijg je toegang tot uitgebreide voortgangsinformatie.

Life Long Learning

Follow multiple courses? Read more about our Life Long Learning concept

read more

Contact us

Need training advise? Contact us!


contact