logo
Home

Developing Applications using ReactJS

  • CMDBID 60151
  • Course Code 
  • Duration 3 Days
Scroll

ReactJS Course

course overview

Click to View dates & book now

Overview

This three-day course is designed for developers who are already familiar with JavaScript, including ES6, and wish to learn how to create User Interfaces using the ReactJS library. It will discuss how ReactJS can be used to create reusable, interactive UI components, single page applications using React Router and an introduction to Flux and Redux.

Audience

You will learn

  • How to create components for use in a ReactJS application using JSX
  • How to pass data around an application built in ReactJS
  • How components can be used as part of single page applications

Outline

The aim of the course is that delegates develop their skills, knowledge and understanding so that they can confidently use ReactJS to create User Interfaces.

Introduction to ReactJS

  • What is ReactJS
  • What does ReactJS do
  • ReactJS, the DOM and the VirtualDOM

ReactJS Projects

  • Project Fundamentals
  • The react and react-dom packages
  • Babel and Webpack
  • Other project files

Components and JSX

  • Components
  • JSX and how to modify a project to use JSX
  • Chrome React Developer tools

Using props and state

  • props – description, use, typing and validation
  • state – description, use, setting and changing
  • Passing state through props
  • Functional components
  • Lifting up state

Component Lifecycles

  • Lifecycle Methods: Mouting, Updating and Unmounting
  • ReactJS and the DOM
  • ReactDOM methods

Forms, Events and Refs

  • Controlled components
  • How are Events controlled
  • What are Refs
  • Uncontrolled components
  • Forms as child components

Working with Datasets

  • Collecting data from forms
  • Data sources
  • Arrays/Iterators and Keys
  • Sub-Components

Composition vs Inheritance

  • Composition and the use of containment and specialisation
  • Inheritance use in ReactJS

Single Page Applications

  • Single Page Applications and React Router
  • Defining and Lining to Routes
  • Displaying Route Content
  • Params and Nesting

Thinking in React

  • Facebook's 'Thinking in React' Philosophy

Working with other Libraries

OBJECTIVES

  • Using Flux and Redux with React
  • ReactJS as the V part for Angular and other frameworks

Talk to an expert

Thinking about Onsite?

If you need training for 3 or more people, you should ask us about onsite training. Putting aside the obvious location benefit, content can be customised to better meet your business objectives and more can be covered than in a public classroom. Its a cost effective option. One on one training can be delivered too, at reasonable rates.

Submit an enquiry from any page on this site, and let us know you are interested in the requirements box, or simply mention it when we contact you.

All $ prices are in USD unless it’s a NZ or AU date

SPVC = Self Paced Virtual Class

LVC = Live Virtual Class

Please Note: All courses are availaible as Live Virtual Classes

Trusted by over 1/2 million students in 15 countries

Our clients have included prestigious national organisations such as Oxford University Press, multi-national private corporations such as JP Morgan and HSBC, as well as public sector institutions such as the Department of Defence and the Department of Health.