Skip to content
Play overlay
Preview this course

React.js Certification Training

Self-paced Videos, Full course with each topic covered in depth, Certification prep, Course Completion Certificate



Save 90%
£10 inc VAT (was £100)
Offer ends 30 November 2021
Study method
Online, On Demand What's this?
15.6 hours
No formal qualification
Additional info
  • Certificate of completion available and is included in the price

2 students purchased this course

Add to basket or enquire


React.js is a frontend library or open-source JavaScript Library basically used for building user interfaces. It can be used as a base of single-page applications or mobile applications in the development.

With this React.js course you'll be able to know how React.js helps in handling the veiw layer for web and mobile applications.

Also, it allows developer in breaking down the complex UI in easier components , instead of working on the entire application.


15h 38m
    • 1: Introduction to ReactJS 33:14
    • 2: Installation, Node.js, Webpack, Create React App, Creating Reusable Components Preview 15:38
    • 3: Props, State, Components 59:53
    • 4: ReactJS component written in TypeScript, Life-cycle Method, Installation of Yarn 1:14:22
    • 5: JSX, state of Things, PropTypes, Collection Types 1:08:13
    • 6: React wth & w/o ES6, React Classes, ES7 Property Initializers, ES6 Workflow JSPM 1:20:00
    • 7: Workflow with Webpack, Passing Data b/w React Components, Pure Components 1:11:52
    • 8: User Interaction, Input Events, Controlled vs. Uncontrolled, Styling Libraries 1:00:23
    • 9: Repeating Elements, react-starter project, Fetching Remote Data, Data-Driven 1:06:27
    • 10: Selectors, Each Function, Attributes, document-ready Event, Events 1:03:31
    • 11: Events, DOM Manipulation, DOM Traversing, CSS Manipulation 55:27
    • 12: Element Visibility, Append, Prepend, jQuery Deferred Objects and Promises, AJAX 33:17
    • 13: Ajax File Uploads, Creating and Filling the Form Data, Promises, Fetching Data 57:39
    • 14: Client-side Routing, React Routing, Static & Dynamic Routing, babel Environment 51:30
    • 15: React.createClass vs extends React.Component, React AJAX call, Stateless Fn Comp 20:46
    • 16: Flux, Redux, Redux Middleware, Redux Actions 54:36
    • 17: Performance, Using Enzyme, Setting up React Environment, JavaScript Expressions 36:32
    • 18: ReactJS Interview Questions & Answers 33:56

Course media



Course Objectives:

  • React is a declarative, efficient, and flexible JavaScript library for building Web Applications.
  • It follows component-based approach.
  • Easy to create smaller components and build large-scale applications.
  • The main goal is to build large-scale high-performance applications with smaller and reusable stateful components.
  • The main objective of React Training is to create smaller components to build Interactive User interfaces..


  • What is ReactJS?
  • Installation or Setup
  • Hello World with Stateless Functions
  • Absolute Basics of Creating Reusable Components
  • Create React App
  • Hello World
  • Hello World Component


  • Creating Components
  • Basic Componeents
  • Nesting Components
  • Props
  • Component states - Dynamic user-interface
  • Variations of Stateless Functional Components
  • setState pitfalls

Using ReactJS with TypeScript

  • ReactJS component written in TypeScript
  • Installation and Setup
  • Stateless React Components in TypeScript
  • Stateless and property-less Components

State in React

  • Basic State
  • Common Antipattern
  • setState()
  • State, Events And Managed Controls

Props in React

  • Introduction
  • Default props
  • PropTypes
  • Passing down props using spread operator
  • children and component composition
  • Detecting the type of Children components

React Component Lifecycle

  • Component Creation
  • Component Removal
  • Component Update
  • Lifecycle method call in different states
  • React Component Container

Forms and User Input

  • Controlled Components
  • Uncontrolled Components

React AJAX call

  • HTTP GET request
  • HTTP GET request and looping through data
  • Ajax in React without a third party library - a.k.a with Vanilla

Communication Between Components

  • Child to Parent Components
  • Not-related Components
  • Parent to Child Components

Stateless Functional Components

  • Stateless Functional Component


  • Performance measurement with ReactJS
  • React's diffs algorithm
  • The Basics - HTML DOM vs Virtual DOM.

Introduction to Server-Side Rendering

  • Rendering components

Setting Up React Environment

  • Simple React Component
  • Install all dependencies
  • Configure webpack
  • Configure babe
  • HTML file to use react component
  • Transpile and bundle your component

Using React with Flow

  • Using Flow to check prop types of stateless functional components
  • Using Flow to check prop types


  • Props in JSX
  • Children in JSX

Keys in react

  • Using the id of an element
  • Using the array index

Higher Order Components

  • Higher Order Component that checks for authentication
  • Simple Higher Order Component

React with Redux

  • Using Connect.

Who is this course for?


Career path

Web Developer

Senior Web Developer

Reactjs developer

React Native Developer

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.


Currently there are no reviews for this course. Be the first to leave a review.


What does study method mean?

Study method describes the format in which the course will be delivered. At courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

What are CPD hours/points?

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on, many of which can be completed online.

What is a ‘regulated qualification’?

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

What is an ‘endorsed’ course?

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body’s logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.