Please ensure Javascript is enabled for purposes of website accessibility

About This Course

Who this course is for:

  • Students who want to learn how to build React application
  • Developers who want to improve their React skills
  • Students who want to learn a future-proof technologies

What you’ll learn: 

  • How to deliver high-quality React applications 
  • How to do it fast following best practices


  • JavaScript, HTML, CSS fundamentals are absolutely required
  • Basic React knowledge
  • ES6+ JavaScript knowledge at beginner level

React is the most popular JavaScript library of the last five years, and the job market is still hotter than ever. Companies large and small can’t hire engineers who understand React fast enough, and salaries for engineers are at an all-time high. It’s a great time to learn to React! It’s a great time to do a lot of React practice!

Despite the huge number of React courses for beginners, authors fail to say what to do next after the first step. They don’t explain how to create a real React application for customers.

In this course, we’ll do React practice. We’ll deliver a high-quality product with unit tests (UT) and Storybook stories for all major components. These practices are must-haves for developers.

Who’s teaching you in this course?

I am a Senior Software Engineer with more than 8 years of production experience in Web Development, experienced in both frontend and backend technologies.

For the last 2+ years, I’ve been working with React. I’ve created a lot of different projects and have a huge experience. Practice is the most important in programming and I want to share it with you.

What’s inside the course?

  • We’ll create a simple React application with 3 different pages: Home page, Search page, and Not found page. React Router is the best choice!
  • It will be a copy of the Google homepage fetching data from Wikipedia using its API. For fetching data, we’ll use Axios and for mocking this data in Storybook and UTs, we’ll use Moxios.
  • React hooks are a must-have. Default hooks useState, useEffect, and others are used.
  • Custom React hooks will be created, explained, and covered with UTs.
  • Storybook is one of the best practices in development. We’ll learn how to install and use it. We’ll create stories for the most important components.
  • Enzyme and Jest are used for unit testing. React hooks testing library is used for hooks.
  • According to the unit tests code convention, we’ll get 80% of code coverage.

By the end of this course, you’ll have learned how to deliver high-quality React applications, how to do it fast and following best practices.

Our Promise to You

By the end of this course, you will have learned how to create an application using React.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about using React.

Course Curriculum

4h 30m

Section 1 - Introduction
Introduction 00:00:00
What We Need To Start 00:00:00
Section 2 - App Development
Installing ReactJS 00:00:00
Setting Up React Development App Environment 00:00:00
Configuring Git And GitHub 00:00:00
React AutoComplete Installation 00:00:00
Fetching Data With REST From Wikipedia 00:00:00
useSearch Custom Hook With Axios 00:00:00
Cancelling Axios Calls 00:00:00
useDebounce Custom Hook 00:00:00
Custom Input Component 00:00:00
useSearchForm Custom Hook 00:00:00
useCallback Hook 00:00:00
React Render Props Pattern 00:00:00
Configuring SCSS 00:00:00
Routing With React-Router-Dom 00:00:00
Adding App Pages 00:00:00
Home Page 00:00:00
Search Page 00:00:00
Section 3 - Storybook Configuration
Installing Storybook 00:00:00
Storybook Configuration 00:00:00
Fixing Possible Issues With Storybook 00:00:00
Storybook Interface Overview 00:00:00
The First Story With Storybook 00:00:00
ListItem Story 00:00:00
Search Result Page Story 00:00:00
Installing Moxios To Configure Mocks 00:00:00
Storybook Documentation With MDX 00:00:00
Section 4 - Unit Tests
Unit Tests Introduction With Jest 00:00:00
Unit Tests Convention 00:00:00
Input Component Unit Test 00:00:00
Enzyme Installation 00:00:00
Coverage Reporting 00:00:00
AutoComplete Unit Tests 00:00:00
Container Component Unit Test 00:00:00
useSearchForm Hook Unit Test 00:00:00
useDebounce Hook Unit Test 00:00:00
useSearch Hook Unit Test 00:00:00
App Unit Test 00:00:00
Unit Tests Summary 00:00:00
Section 5 - Best Practices Of React App Development
React PropTypes 00:00:00
React DefaultProps 00:00:00
Section 6 - Bonus
Installing NodeJS On Windows 00:00:00
Installing Yarn On Windows 00:00:00
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel



Enter your Name and Email for a chance to win Lifetime Access to all courses!
Promotion ends today.



Enter your Name and Email for a chance to win Lifetime Access to all courses!
Promotion ends today.

Success! You are now entered to win lifetime access to all courses. Winners are selected at the beginning of each month. 

P.S. Look out for our exclusive sales only shown to students on our email list!