React

React (developed by Facebook) is one of the leading frameworks to build efficient web user interfaces. You use small manageable components to build large-sale, data-driven websites without page reloads. No more wasting time hunting for DOM nodes!
 
In this React Training Course, we take you on a fun, hands-on and pragmatic journey to master React from a web development point of view. 
You’ll start building React apps within minutes. Every section is written concisely and to the point. In the end, you should have what it takes to develop a real-life app in React.

Prerequisites

Basic HTML, CSS, JavaScript and Object-oriented programming required.

Course Contents:

DAY 1

Introduction

  • What is React?
  • Manipulating DOM elements efficiently
  • Asynchronous operations
  • Using ES6
  • Thinking in Components
  • Setting Up
  • Creating a New Project with create-react-app
  • Editing our first React Component

Creating and Using Components

  • Creating our First Component
  • Using our Created Component
  • Embedding Expressions in JSX
  • Displaying a List

Bindings, Props, State and Events

  • CSS Class Binding
  • Props
  • Improving the Look
  • Adding Local State to a Component
  • Handling Events with States

DAY 2

Working with Components

  • Styles

Conditional Rendering

  • Inline If with && Operator
  • props.children

Building Controlled Forms

  • Create an Initial JSX Form Template
  • Implementing a Login Form
  • Generic onBlur
  • handleChange
  • Showing Specific ValidationErrors
  • Submitting the form
  • Disabling the SubmitButton
  • Handling Submitting of Form via ‘Enter’
  • Validating Upon Form Submit
  • Showing Validation Error Upon Submit
  • Displaying Options in a Dropdown

DAY 3

Getting Data From RESTful APIs with Axios

  • GitHub RESTful API
  • Getting Data
  • GitHub RESTful APILife Cycle componentDidMount
  • Showing a Loader Icon
  • Implementing a GitHub Results Display Page
  • Adding anInput to GitHub Results Display Page

Routing

  • Setting Up Our Routes
  • Navigation Bar Links
  • Route Parameters
  • Programmatic Navigation

DAY 4

C.R.U.D. with Firebase

  • Using Firebase
  • Using FirebaseAdding Firebase to our React App
  • Working with a Firebase Database
  • Displaying List ofUsers
  • Adding a User
  • Deleting a User
  • Populating the Form on Edit
  • Updating a User

Introduction to Redux

  • What is Redux?
  • Transiting from Component States to Application State
  • Understanding the Redux Flow
  • Setting Up Reducer and Store
  • Defining Actions
  • Reducer

DAY 5

React with Redux

  • A Note on Stateless Functional Components
  • Building Our App
  • Your Practical Project

————-

Duration and pricing

In Pricing Group A

Certificate

Read here about our certificates

Bookings

You can download the course registration form on our home page or by clicking here

Brochure

You may download a pdf copy of this page by clicking on the pdf icon at the top of the page.

Questions

Please email us

Schedule

On the calendar below. If your browser doesn’t display the calendar below, please click on this link or try using Google Chrome, alternatively please enquire via our Contact Us page.