Developing Applications using ReactJS Training

  • Learn via: Classroom / Virtual Classroom / Online
  • Duration: 3 Days
  • Price: Please contact for booking options
We can host this training at your preferred location. Contact us!

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. 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.

A solid understanding of JavaScript and preferably attendance at the following QA courses “Programming with JavaScript” and “Next Generation JavaScript: ECMAScript 2015” (or equivalent programming experience).

Please note: Before attending this class delegates must have a Microsoft account (signing up one is free).

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

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







Contact us for more detail about our trainings and for all other enquiries!

Upcoming Trainings

Join our public courses in our Istanbul, London and Ankara facilities. Private class trainings will be organized at the location of your preference, according to your schedule.

Classroom
02 April 2024
Istanbul, Ankara, London
3 Days
Classroom / Virtual Classroom
20 April 2024
Istanbul, Ankara, London
3 Days
Classroom / Virtual Classroom
01 May 2024
Istanbul, Ankara, London
3 Days
Classroom / Virtual Classroom
14 May 2024
Istanbul, Ankara, London
3 Days
Classroom / Virtual Classroom
18 May 2024
Istanbul, Ankara, London
3 Days
Classroom / Virtual Classroom
06 June 2024
Istanbul, Ankara, London
3 Days
Classroom / Virtual Classroom
06 July 2024
Istanbul, Ankara, London
3 Days
Classroom / Virtual Classroom
22 July 2024
Istanbul, Ankara, London
3 Days
By using this website you agree to let us use cookies. For further information about our use of cookies, check out our Cookie Policy.