React

Learn React.JS from React JS programmers and also create projects for your portfolio.

Upcoming Class
09 Nov 2020
3
Day(s) course
10:00 am - 17:00 pm
1400per person
£1600 (£200 discount)
This course will take place in 3-4 Kirby Street, London, EC1N 8TS. Find on map
15 %
Discount

when you buy 3 or more courses

The discount will be automatically
applied at the checkout
Looking for a
2-12 months
training?
Choose Web designer
Career Programme

Looking for a 2-12 months training?

Choose

Web designer career programme

Upcoming dates

Date Day(s) Course Session Time Price
09 Nov 2020 3 Mon to Wed 10:00 - 17:00 £1600 £1400 Reserve
23 Nov 2020 3 Mon to Wed 10:00 - 17:00 £1600 £1400 Reserve
07 Dec 2020 3 Mon to Wed 10:00 - 17:00 £1600 £1400 Reserve
26 Dec 2020 3 Sat 10:00 - 17:00 £1600 £1400 Reserve
03 Jan 2021 3 Sun 10:00 - 17:00 £1600 £1400 Reserve
09 Nov 2020
Mon to Wed
10am - 17pm
3 day(s)
£1600 £1400
23 Nov 2020
Mon to Wed
10am - 17pm
3 day(s)
£1600 £1400
07 Dec 2020
Mon to Wed
10am - 17pm
3 day(s)
£1600 £1400
26 Dec 2020
Sat
10am - 17pm
3 day(s)
£1600 £1400
03 Jan 2021
Sun
10am - 17pm
3 day(s)
£1600 £1400

Delivery Formats

This course can be attended face to face in an open classrooms, live online virtual classroom remotely from home or office, private one-to-one and on-site for your team at your office.


Course Outline

React course overview

This course explains how to use React to create front-end applications. After completing our React training course you will be able to create React based web user interfaces.

Few practical React based projects at the end of the course will ensure that you can apply React on your web projects.

This short React course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends. A list of all upcoming public React training courses is given on training dragon website.


Who is React training for?

This course is for you if you are interested in using React on your projects and applications.


Prerequisites for React course

This course is not for beginners in JavaScript. To attend this course you must have previous working experience of OOP JavaScript, HTML and CSS.

If you are a beginner, please consider following this path:

  1. Web design course
  2. Introduction to programming course
  3. javascript / jQuery training
  4. Advanced HTML5 & CSS3
  5. Advanced JavaScript course or PHP course
  6. React course
  7. Node.JS, Express & MongoDB course


What will I get?

  • Training from professional React developers:

    Training Dragon consultants have been implementing professional React solutions across a wide range of projects. Those consultants write and teach our React training courses, so their experience directly informs course content.

  • Real-time Practice and Projects:

    Our React projects are designed to get you started in React. We work on industry related projects in this React course. 

  • Course Material:

    React electronic notes are included in this course.

  • Course Completion Certificate:

    After completing this training your will receive an React course completion certificate.

  • Support and Careers Advice:

    After the course if you have any problems or questions regarding React do not hesitate to contact us. Training Dragon’s trainers are expert in their fields and if you need any help with you career choice, please speak to one of our trainers.


React Course Contents

Before we start

  • lightening fast intro to needed ES6+ concepts
  • let vs const
  • arrow functions
  • destructuring objects and arrays
  • classes
  • importing and exporting modules
  • rest vs spread operators
  • Promises
  • Async / Await (ES8)

Intro

  • what is ReactJs and why you should use it

Getting started

  • big picture
  • tools, webpack, create-react app 
  • React inspector
  • starter code

React Fundamentals

  • ReactDom, what is it, how we get it and how we use it
  • what is JSX and how to use it
  • creating HTML with JSX and React.Fragment
  • virtual DOM 

React Components

  • what is a component 
  • stateless functional components
  • class based components
  • creating components
  • keeping components isolated
  • exporting components
  • parent and child components

React and CSS

  • coupling css and components
  • importing css 

Working with multiple components

  • single page applications
  • planning layouts with components
  • presentational vs container components
  • communication between components
  • the State object
  • passing data through Props 
  • importing external helpers in components

React Routing

  • using react-router
  • using BrowserRouter, Route, Switch from react-router-dom

React Events and Lifecycle Events

  • events in React
  • handling events in React
  • REFs, 
  • THIS binding 
  • handling Forms in React

State Object - part II

  • deeper understanding of state object 
  • loading data into State with onClick event
  • displaying State with JSX 
  • updating State
  • removing items from State
  • persisting State
  • LocalStorage
  • bidirectional data flow and live editing of State

React components Animations

  • react-transition-group, TransitionGroup, CSSTransition

Validating Components

  • propTypes
  • validating data using PropTypes

Building React and Deployment

  • building for production
  • build script
  • deploying to NOW
  • deploying to Apache

React project React

  • Build a project using React


View Complete Course outline

Daily schedule

The scheme below shows what a typical day at Training Dragon looks like.

10:00 11:30 11:45 13:00 14:00 15:30 15:45
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Lunch
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Video Placeholder

Looking for a
2-12 months
training?

Choose

Web designer career programme

Our Trainers

Emiliano
Emiliano
Leads our teaching team with many years of experience in teaching web development.
Ross
Ross
Brings many years of Python and Java software development experience to classrooms.
Olu
Olu
Microsoft and Oracle certified developer with years teaching experience in Android, .NET and databases.

Latest Reviews

Frequently Asked Questions

How many maximum people are on my course? 

?
To make sure that personal attention is provided to everyone in the class, we keep our classroom size very small. There are maximum 8 delegates in all our classrooms.
More questions?
We are here to answer them