React Modern Front End Web App Development

Create modern web applications with the React library.


Upcoming Course Schedule

About this course

Learn more about React Web Application training for modern front end development.



What is the course about

React is the V in the MVVM(Model View ViewModel) frameworks. React is easy to learn since it has a small API. This course will introduce the fundamentals needed to start working on React web applications and also start developing web apps with React.

Duration

The course is run 5 days full time.

Programming Experience

Strong knowledge of HTML, CSS and JavaScript is required. Knowledge of modern JavaScript is preferred but some of the concepts will be covered in the course.

Private Training

This course is offered both as a public course and onsite. For onsite training we will need at least 4 delegates. The hosting company will be responsible for the flights and accommodation if outside South Africa. For the public course, please check the course schedule for the next scheduled date the course will run.

Course Schedule

Download the full course schedule below

Introducing React

What is ReactJS

Create a ReactJS project with CRA(Create React App)

ReactJS project structure

What is JSX

Embedding Expressions in JSX

Creating Attributes with JSX

Specifying Children with JSX

Preventing Injection Attacks

Rendering an Element into the DOM

Updating the Rendered Element

Function and Class Components

Rendering a Component

Composing Components

Extracting Components

Adding Props

State and Lifecycle

State in React

Converting a Function to a Class

Adding Local State to a Class

Adding Lifecycle Methods to a Class

Using State Correctly

How Data Flows

Click event

Passing Arguments to Event Handlers

Conditional Rendering

Element Variables

Inline If with Logical && Operator

Inline If-Else with Conditional Operator

Preventing Component from Rendering

PropTypes

Default Prop Values

Requiring single child

Checking array, string, bool, functions, objects and strings

Lists and Keys

Rendering Multiple Components

Basic List Component

Keys

Extracting Components with Keys

Embedding map() in JSX

Controlled Components

The select Tag

The file input Tag

Handling Multiple Inputs

Controller Input Null Value

When to Use Refs

Creating Refs

Accessing Refs

Exposing DOM Refs to Parent Components

Callback Refs

Lifting State Up

Setting Up React Router

Basic Routing

URL Parameters

Redirects

Custom Link

Handling No Match with 404

Query Parameters

Redux Integration

Composition vs Inheritance

Containment

Specialization

Inheritance

Using fetch

Making HTTP calls with axios

Error Boundaries

Introducing Error Boundaries

Where to Place Error Boundaries

Component Stack Traces

Motivation

Using Fragments

Fragments Short Syntax

What is High Order Components

HOCs for Cross-Cutting Concerns

Actions

Reducers

Store

Data Flow

Integrating with React

Default Values

The file input Tag

Download Course Outline
Course Pricing

Choose your training options. Attend a public or private training.

Public Training
R13860
  • Training at our center
  • Small class size
  • 5 days instructor led
  • Access to Slack channel
  • Access to materials website
  • 6 months after training support
  • Teamviewer, email and telephone support
  • Personalized feedback
  • Light lunches
Reserve Seat
Popular
Private Training - Onsite
R10450
  • Training on your site
  • Choose as many delegates as you want
  • 5 days instructor led
  • Access to Slack channel
  • Access to materials website
  • 6 months after training support
  • Teamviewer, email and telephone support
  • Personalized feedback
  • Customized course contentk
  • You provide the lunches
Enquire Now
Private Training - Our Center
R13860
  • Training at our offices
  • Choose as many delegates as you want
  • 5 days instructor led
  • Access to Slack channel
  • Access to materials website
  • 6 months after training support
  • Teamviewer, email and telephone support
  • Personalized feedback
  • Customized course contentk
  • Light lunches
Enquire Now

Newsletter Sign Up

No Spam - Only latest news, price and activity updates
What people say about our courses

This is what our clients have to say

After attending the Xamarin training from Peruzal on our site, we were able to drastically accelerate our internal mobile app development efforts. Peruzal was a phone call away each time we needed support.
Jonathan Winnaar Scientist @ Institute for Maritime Technology
Came across your courses on Google search, after searching for Ruby training around South Africa. We were completely blown away with how much your trainers know stuff.
Divan Santan Infrastrucutre Engineer @ First National Bank
After our DBA left, we were left with noone with the skills to manage the research and scientific database Infrastrucutre. With Peruzal, we were able to get our team running in a matter of a week.
Encarni Colmenero Astronomer @ Southern African Large Telescope
Our team had different backgrounds, application programmers and astronomers with varied database interactions, we did not have formal training in the MySQL database. Peruzal delivered the training onsite and we were comfortable working with MySQL.
Lucian Botha Astronomy Information System Specialist @ South African Astronomical Observatory
“Coming from an academic background, with no prior exposure to programming, I had to develop an Android mobile app for tuition and research purposes. Peruzal helped me to build and implement the app in record time!”
Thuli Shandu Lecturer @ Univeristy of South Africa
Having years of experience in automation and embedded systems, we wanted our team to have experience in developing for Android. Peruzal did send a trainer onsite and we were blown away with the amount of information we had learnt in just 5 days
Cobus Smith Automation Manager @ ArcelorMittal
FAQS

Answers to some of the most frequently asked questions.



Public Training
What is public training

With public training you attend the course with other delegates from other companies at our premises. If you would like private training we can arrange that the training be done at your premises, however, we require a minimum of 4 delegates for a private course.

What is private training

The training runs at your premises or you can come to us. We require a minimum of 4 delegates for a private training.

Refund Policy

Should you not be happy with the training, this should be raised within the first hour of training. We will try to resolve the issue and if we can't we refund 100% your money.

Cancelling Training

You can not cancel the course once you have booked. Please make sure that you have resolved your dates before making a booking. It takes a long time to organise the training, so we will not be able to refund once you book, however we can try to re-schedule the course at a later date for you.

Course Pricing
How much does the course cost?

The course price depends on whether the course will be on your site(private training) or at our offices(public). For a private course we require a minimum of 4 delegates in order to schedule the course.

How long does it take to complete the course

Most of our coruses are offered over 5 days full time, except for the Xamarin Cross Platform Mobile App Development course which is offered over 2 weeks. No part-time courses are offered at the moment.

Accomodation

We don't provide accomodation but we can help you find accomodation close to the center. We can also help you with arranging transport to pick you up from the airport.

Our preferred accomodation provider is AirBnb. We recommmend if its your first time, only book from a Super Host on AirBnB.

Certificate of Completetion

Our mobile app development courses are hands on, for you to receive a certificate of completion, you will need to demonstrate that you have master the concepts during the course by developing a production mobile application and deploying it to the Google Play or Apple store. No certificates of completion will be awarded without proof that you have developed and deployed your app to the relevant store.