Name: Building Web Applications with React 16
Availability: InStock
Rating: 4.6 (5878 reviews)

Duration:

32.00 hours

26.0 CPD hours

Overview:

React is an open-source JavaScript library from Facebook used for building HTML5 web applications. In this training course, you learn how to develop a complete application by building high-performance User Interfaces (UIs) with JSX components targeting a virtual DOM, and creating Flux applications, which provide complementary architectural patterns to construct client-side application functionality.

Description:

React is an open-source JavaScript library from Facebook used for building HTML5 web applications. In this training course, you learn how to develop a complete application by building high-performance User Interfaces (UIs) with JSX components targeting a virtual DOM, and creating Flux applications, which provide complementary architectural patterns to construct client-side application functionality.

Course Outline:

Introduction and Overview

- Features of React and Flux
- Benefits of the virtual DOM
- Configuring the development and build environment

Designing Custom React Components

Displaying React content

- Employing React.createElement() and React.DOM.* factories
- Rendering the application with ReactDOM.render()
- Constructing the UI on the server with renderToString()
Leveraging JSX for UI design

- Coding custom components with React.createClass()
- Generating component output with the render method
- Composing a JSX component hierarchy
- Incorporating third-party components
Activating React Components

Parameterising components

- Disambiguating component properties and state
- Inserting properties into rendered output with this.props
- Passing property values using JSX { } expressions
- Initialising default values with getDefaultProps()
Manipulating component state

- Setting starting state values with getInitialState()
- Reading application data with this.state
- Mutating data with this.setState()
- Harnessing React autobinding and event aggregation
Integrating into the component life cycle

- Attaching and detaching logic and event handlers in componentDidMount and componentWillUnmount
- Enhancing performance with componentShouldUpdate
- Responding to changes with componentWillReceiveProps

Developing React Forms

Manipulating form input components

- Working with interactive properties
- value
- defaultValue
- checked
- selected
- Capturing form component updates with onChange
- Comparing controlled and uncontrolled components
Simulating two-way binding

- Applying the onChange / setState() convention
- Employing the LinkedStateMixin
- Passing ReactLink objects through the props hierarchy
Connecting React to REST services

- Making Ajax calls from React
- Mapping CRUD access to REST actions
- GET
- POST
- PUT
- DELETE
Creating Flux Applications

Modelling client-side data interactivity

- Identifying Flux participants
- Actions
- Dispatcher
- Stores
- Views
- Harnessing unidirectional data flow
- Comparing Flux to Model View Controller, Redux and Relay
Coding a Flux application

- Extending the Facebook Dispatcher
- Utilising Node.js EventEmitter with custom stores
- Integrating REST access with Flux action creators
Integrating routing into Flux

- Exploiting the react-router for semantic URLs
- Mapping URL paths and parameters to components

Analysing React Applications

Developer tools

- Inspecting React components with browser extensions
- Identifying and debugging rendering errors
Unit testing

- Running tests with Jest
- Simulating event dispatch with ReactTestUtils.Simulate
Performance testing

- Establishing a baseline
- Profiling React execution with Perf.start() and stop()
- Optimising component reconciliation with key
Animating React Applications

- Including the react-css-transition-group add-on
- Employing the ReactCS component
- Writing CSS transitions and animations

Available Delivery Options for Building Web Applications with React 16

Live Instructor Led Classroom Online (Live Online)
Traditional Instructor Led Classroom training (TILT/ILT)
Delivery at your offices in United Kingdom
Private dedicated course for your staff

How many CPD hours does Building Web Applications with React 16 provide?

The 4 day Building Web Applications with React 16 course gives you up to 26.0 CPD hours/structured learning hours.

Do you provide training for Building Web Applications with React 16?

Yes, we provide corporate training, dedicated training and closed classes for Building Web Applications with React 16. This can take place anywhere in United Kingdom including London, Manchester, Birmingham, Edinburgh or live online.

What is the duration of Building Web Applications with React 16?

The Building Web Applications with React 16 training takes place over 4 day(s), with each day lasting approximately 32.00 hours including breaks.

What other terms do people search for?

Popular related searches include: Building Web Applications with React 16, Programming, REACT

Why are Nexus Human the best provider for Building Web Applications with React 16?

Nexus Human are recognised as one of the best training companies. Our trainers have won awards including Small Firms Best Trainer, national training partner of the year for Ireland, and global top 30 instructor awards in 2012, 2019 and 2021.

Is there a discount code for Building Web Applications with React 16?

Yes, the discount code PENPAL5 is currently available for Building Web Applications with React 16 training. Only one discount code can be used per booking.

Building Web Applications with React 16