ReactJS Online Training

React is a popular JavaScript library used to build user interfaces. It lets developers create interactive and dynamic web applications efficiently. If you're a software developer, you should consider training for React due to its widespread adoption and demand in the industry.

By mastering React fundamentals, you can enhance your skill set and stay ahead of the competition. Invest in React training today to unlock opportunities to work on cutting-edge projects and secure higher-paying job positions. Take the first step towards becoming a sought-after React developer and watch our React training course now.

For supervisors, this React training can be used to onboard new developers, curated into individual or team training plans, or as a React reference resource.

Learn React: What You Need to Know

This JavaScript training has videos that cover topics including:

Breaking up large React components for better reusability
Understanding how routing works in React
Connecting components to Redux

Who Should Take React Training?

This React training is considered entry-level React training, which means it was designed for aspiring or junior software developers. This React skills course is valuable for new IT professionals looking to develop React skills.

New or aspiring software developers. React JS is beginner-friendly and has a gentle learning curve, making it easy for newcomers to grasp the concepts and get started quickly. By learning React JS, aspiring developers will gain a solid foundation in modern web development practices, while developing an IT skill that's in high-demand.

Experienced software developers. If you've been working as a software developer for several years already but haven't learned React, this course is for you. Fortunately, you'll breeze through this course, learn the basics, and be ready for more advanced courses in no time.

Skill:
Introduction to Redux
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic Concepts of Redux
  8 mins
- 4. Setting Up a Redux Application
  13 mins
- 5. Redux Action Syntax
  4 mins
- 6. Reducer Syntax
  11 mins
- 7. Connecting Components to Redux
  12 mins
- 8. Accessing Multiple State Values
  4 mins
- 9. Conclusion
  1 min
Skill:
Basic React Concepts & Syntax
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Benefits of React
  10 mins
- 4. Create and Run a React App
  5 mins
- 5. React Project Structure
  8 mins
- 6. Basics of JSX
  11 mins
- 7. Inserting Variables Into JSX
  9 mins
- 8. Creating and Rendering Components
  9 mins
- 9. Conclusion
  1 min
Skill:
Create and Reuse React Components
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Importing and Exporting Components
  5 mins
- 4. Basic Component Styling
  16 mins
- 5. React Fragments
  12 mins
- 6. Introduction to Component Props
  13 mins
- 7. Reusable Components
  10 mins
- 8. Conclusion
  1 min
Skill:
Type-Checking and Event-Handling in React
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. PropTypes
  14 mins
- 4. Basic Event Handling
  9 mins
- 5. Scoping Styles with CSS Modules
  9 mins
- 6. Creating more reusable components
  16 mins
- 7. React Dev-tools
  7 mins
- 8. Conclusion
  1 min
Skill:
Introduction to Component State
- 1. Overview
  1 min
- 2. Introduction
  2 mins
- 3. How to Add State to Components
  9 mins
- 4. How NOT to Add State to Components
  4 mins
- 5. Showing and Hiding Components
  9 mins
- 6. Sharing State Between Components
  8 mins
- 7. Passing Functions as Props
  12 mins
- 8. Conclusion
  1 min
Skill:
Lists and Component Reusability
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Displaying Lists
  13 mins
- 4. Breaking up Large Components
  15 mins
- 5. Creating a Tag Component
  8 mins
- 6. Persisting State in LocalStorage
  12 mins
- 7. Other State Persistence Options
  7 mins
- 8. Conclusion
  1 min
Skill:
Introduction to React Routing
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic Routing with React-Router-Dom
  19 mins
- 4. Creating a Navigation Bar
  14 mins
- 5. Implementing Page Components
  10 mins
- 6. Navigating Programmatically
  7 mins
- 7. Conclusion
  1 min
Skill:
Refactor React Applications
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Adding Multiple Function Props
  8 mins
- 4. Increasing Component Reusability
  7 mins
- 5. Passing Props to Pages
  12 mins
- 6. Increasing Component Reusability (Again)
  5 mins
- 7. Adding PropTypes to Pages
  8 mins
- 8. Keeping Hidden Elements Hidden
  7 mins
- 9. Conclusion
  1 min
Skill:
Introduction to React Context
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basics of Context
  7 mins
- 4. Creating and Accessing Context
  11 mins
- 5. Passing Functions through Context
  5 mins
- 6. Encapsulating Logic in a Provider Component
  8 mins
- 7. How Forms work in React
  14 mins
- 8. Conclusion
  1 min
Skill:
React Form Basics
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Creating Two-Way Form Bindings
  12 mins
- 4. Switching from Static to Dynamic Data with Context
  10 mins
- 5. Connecting Forms with Context
  11 mins
- 6. Persisting Context State
  7 mins
- 7. Conclusion
  1 min
Skill:
Reusable Forms in React
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. How to Make Forms Reusable
  11 mins
- 4. Pre-Populating Forms with Data
  10 mins
- 5. Passing Multiple Actions to Components
  8 mins
- 6. Methods For Editing Data
  9 mins
- 7. Conclusion
  1 min
Skill:
How React Rerendering Works
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. React's Rendering Process
  3 mins
- 4. Rerendering Rule #1
  8 mins
- 5. Rerendering Rule #2
  3 mins
- 6. Rerendering Rule #3
  6 mins
- 7. Preventing Rerendering with Memoization
  10 mins
- 8. Rerendering Rule #4
  3 mins
- 9. Rerendering Lists
  15 mins
- 10. Conclusion
  1 min
Skill:
React Inner Workings
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Component Lifecycle Basics
  19 mins
- 4. JSX Behind the Scenes
  18 mins
- 5. JSX and Cross-Site Scripting
  6 mins
- 6. Conclusion
  1 min
Skill:
Adding Redux to Existing Applications
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic Redux Setup
  6 mins
- 4. Creating Redux Actions
  9 mins
- 5. Creating Reducers for Multiple Resources
  14 mins
- 6. Selecting Data from Redux
  12 mins
- 7. Dispatching Actions From Components
  9 mins
- 8. Conclusion
  1 min
Skill:
Advanced Redux Topics
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Persisting Data with Redux-Persist
  11 mins
- 4. Redux DevTools
  11 mins
- 5. Creating Reusable Selectors
  16 mins
- 6. Other Methods for Connecting Components
  11 mins
- 7. Conclusion
  1 min
Skill:
Redux Performance & Testing
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Redux Performance Mistake #1
  13 mins
- 4. Redux Performance Mistake #2
  5 mins
- 5. Testing Reducers
  17 mins
- 6. Testing Selectors
  7 mins
- 7. Conclusion
  1 min

Loading transcripts...

Introduction

Access all premium content with a free week!

Start a free week

Explore Features

Course overview

15 HOURS OF TRAINING

16 SKILLS

102 VIDEOS

0 VIRTUAL LABS

0 PRACTICE EXAMS

Shaun Wassell

Nugget trainer since 2021

Read the full bio

What is it like to train with us?

Our learners say it best.

Helps me learn the skills I need when I need them

THOMAS S. | SYSTEMS ENGINEER & CONSULTANT

Read Reviews

Learn React FAQs: Cost, Training, Value

What will you learn in this ReactJS course?

You'll learn how to make interesting, useful and responsive user interfaces (UI) that don't need to refresh the page to stay updated. This course teaches you ReactJS, which is a powerful Javascript extension that makes it possible to provide updates and feedback to your users without disrupting their experience.

Who should take this training in ReactJS?

Application developers, software engineers and user interface/experience engineers should take this course and learn ReactJS thoroughly. If your job touches the creation or update of a user interface for an application or software product, you need to know how ReactJS can improve your job.

Is this ReactJS course associated with a certification?

No, there's no ReactJS certification associated with this certification. This course focuses on hands-on labs and practice environments where you can actually try out your ReactJS skills. Unlike a certification-prep course which would drill you on questions and rote memorization, this course prepares you for actually using it.

What certification should you consider after this ReactJS course?

Although there are some companies that issue certifications in ReactJS, they're not all as reputable as a company like CompTIA or as impressive as a CCNP. Your best bet is to learn ReactJS thoroughly, practice it often and create a robust portfolio of work that demonstrates your abilities.

Why should you take this ReactJS training?

You should take this ReactJS training so that you can keep your interfaces clean, polished and supplied with the most recent data available. Resilient, responsive user interfaces that don't need to refresh may sound like a small addition to an app, but they're key for attracting and keeping users.

Related Courses

Full-Stack React Development

Learn JavaScript Essentials

Intermediate Angular Tutorial: How to Build an Angular Datepicker

What is it like to train with us?

Our learners say it best.

Learn React FAQs: Cost, Training, Value

Let's chat!