React Web Development

JavaScript library for building user interfaces

Courses run on the latest version of React

Interactive UI development training sessions

Experienced trainers with 5 Star customer ratings

Classroom, Onsite and Virtual courses available

Welsh Government funding accepted

Duration: 3 Days
Accredited: No
Exams: N/A
Funding: Accepted
Type: Classroom, Onsite, Virtual
Company group booking discount available

Course Information

Course Overview

React is a popular client-side development library from Facebook. React makes it easy to create reusable components and render them in a web page or in a native mobile application.

This course focuses on React web development. We take a detailed look at how to create components using pure React and using JSX, and then take a detailed look at how to use Redux and Saga to manage state and asynchrony in large-scale applications.

Outline

React Web Development

Introduction to React

  • What is React
  • Essential ES6 language features for React
  • Using the Babel transpiler

Getting Started With React

  • Creating a simple React application
  • Creating multiple React elements
  • A data-driven approach
  • Creating elements via ReactDOMFactories

Components

  • Overview of React components
  • Creating components via ES6 inheritance
  • Creating functional stateless components
  • Creating components via factories

JSX

  • Overview of JSX
  • A closer look at JSX Syntax
  • Complete example of JSX

Creating Modular React Applications

  • The need for modularity
  • Example application using Webpack

Properties and State

  • Specifying types for properties
  • Working with ES6 classes
  • Working with stateless functional components
  • State management

Component Techniques

  • Component lifecycle methods
  • Practical example of lifecycle methods
  • Optimizing UI updates
  • Accessing child content in a component

React Router

  • Overview of Single Page Applications
  • React and SPAs
  • Defining a router table
  • Creating links
  • Route parameters

Redux Store

  • What is Redux
  • Creating a Redux store
  • Creating and dispatching actions
  • Defining reducers
  • Subscribing and unsubscribing to state changes
  • Implementing action creators
  • Composing functions

Redux and React

  • Application structure
  • Identifying actions and reducers
  • Accessing state via context
  • Defining container classes
  • Simplifying containers via React Redux

Redux Saga

  • Overview of Redux Saga
  • ES6 generators
  • Doing asynchronous work via Redux Saga
  • Saga effects (take, put, call, fork, cancel, etc.)

Assessment

React Web Development

There is no formal assessment for this course and learners knowledge will be tested with informal activities throughout the session.

What's Included

  • 3-days training from NILC’s experienced React trainer
  • Course notes and presentation slides
  • Recording of the course (available on request for virtual courses only)

Dates & Prices

  • Can't find the course dates, location or delivery type you are looking for?

    Enter your training requirements below and a member of our team will be in contact with you to discuss them further.

    Number of Delegates
    Course Delivery Format

  • Can't find the course dates, location or delivery type you are looking for?

    Fill out the request dates form above and we'll try our best to accommodate or contact us directly.

    Why choose NILC for your training?

    Learn why we should be your training provider of choice.

    Awarding Winning Training Courses with industry leading customer satisfaction rates

    A family business with customer service at the heart of everything we do

    Trusted Training Partner to multiple colleges, government departments, businesses and unions

    UK based Trainers that are industry experts and fully qualified

    Rated "Excellent" with over 500+ Trustpilot Reviews

    How we deliver our courses

    Virtual
    Classroom
    Onsite
    Online

    Virtual

    Our virtual courses allow you to access live instructor-led training from the same expert instructors that deliver our classroom courses, without leaving the comfort of your home or office. All virtual courses are fully interactive, and learners can communicate with their trainer and peers at any time.

    Many of our virtual courses are also recorded, so you can recap over the content you learnt as many time as you wish.

    Classroom

    Our classroom courses allow you to learn and interact face-to-face with our expert instructors in a comfortable and modern training environment. All of our classroom based courses take place at NILC centers, or high quality training facilities, and include all required IT and physical equipment.

    We also limit our class sizes to help promote better discussions and to ensure your learning experience is comfortable as possible.

    Onsite

    Save time and hassle by arranging for one of our expert instructors to come to you. Our onsite courses allow you to learn in a location of your choosing, and you can train as many or as few people as you want – from a single person or team to whole departments. We can also fully customize the course content to the specific requirements of your business or project.

    We offer onsite courses throughout the UK and it can be a great team building opportunity for colleagues to come together, bond and discuss.

    Online

    Our Online Self Paced courses allow you to learn new skills from our expert instructors, in your own time and at your own pace. Our flexible online learning platform allows you to access content on your computer, tablet or mobile device, whether you’re on the move or at home. All our online courses come with immediate access and you can start learning straight away, from any internet enabled compatible device.

    We also offer online email support from our expert instructors, so they’re always on hand and happy to help you with any questions which may arise.

    Why choose NILC for your training?

    Learn why we should be your training provider of choice.

    Awarding Winning Training Courses with industry leading customer satisfaction rates

    A family business with customer service at the heart of everything we do

    Trusted Training Partner to multiple colleges, government departments, businesses and unions

    UK based Trainers that are industry experts and fully qualified

    Rated "Excellent" with over 500+ Trustpilot Reviews

    Testimonials

    “Highly Recommended”

    A complex course subject was delivered clearly and with great passion and enthusiasm by our tutor. Subjects were explained in clear, real-life examples. Without doubt, I'm sure my successful result is in large part due to his experience and skill in this area.

    - Neil Wilson

    “Fantastic Course Thank You”

    Fantastic course. Amazing from start to finish. Julie was absolutely outstanding. She was professional and has given me the knowledge and confidence to continue my studies. I cant thank Karim and team enough.

    - Jodie Gee

    “Great Tuition"

    Great tuition. Felt really comfortable to ask questions and the course was engaging. Tony and Karim were brilliant.

    - Amy Jones

    “Great Instructor”

    Great instructor. Well delivered and knows the subject inside and out. Friendly and provides a warm atmosphere conducive for feeling relaxed. A lot of context to cover in a short time.

    - David Schofield

    “Five Star Quality Course”

    I received all the resources in advance which helped me prep for the course. The tutor was engaging and explained complex topics really well. The exam coaching was a unique selling point for me as it got me prepared for the exams so that nerves were less of a factor. Great communication throughout, thank you Tony and the whole team.

    - Kim Darkin

    React FAQ's

    What is React?

    React is a JavaScript library for building user interfaces. React is a declarative library, which means that you can describe how your UI should look, and React will take care of how to render it. This makes React a very efficient way to create complex UIs.

    Is React used widely in industry?

    Yes, React is very popular. It is one of the most popular JavaScript libraries for building user interfaces. According to a survey by Stack Overflow, React is the most popular JavaScript library for frontend development. It is used by a wide variety of companies, including Meta (formerly Facebook), Instagram, Netflix, and Airbnb. React is also a popular choice for open source projects, such as GitHub and Reddit.

    What types of job roles can I do with React?

    There are many job opportunities available for React developers. Some of the most common jobs that you can get with React include: 1) Front-End Developer, 2) React Native Developer, 3) Full-Stack Developer, 4) Software Engineer, 5) Data Scientist, 6) Business Analyst, 7) Quality Assurance Engineer.

    Trusted By