Tutorialspoint

Celebrating 11 Years of Learning Excellence! Use: TP11

React Practice Course: Build React app from scratch

person icon Maksym Rudnyi

4.7

React Practice Course: Build React app from scratch

Learn React doing a real project with Storybook and unit tests.

updated on icon Updated on Jun, 2025

language icon Language - English

person icon Maksym Rudnyi

English [CC]

category icon Development ,Web Development,ReactJS

Lectures -43

Duration -4 hours

Lifetime Access

4.7

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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!

What's this course about?

There are a huge number of React courses for beginners where authors describe the first steps. They are great for beginners. But, what to do next? 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?

Senior Software Engineer with more than 8 years of production experience in Web Development. Experienced both in frontend and backend technologies.

For the last 2+ years, I've been working with React. Created a lot of different projects and have had a huge experience. The 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 Home page, 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.

  • A storybook is one of the best practices in development. We'll learn how to install and use it. Will create stories for the most important components.

  • Enzymes and Jest are used for unit testing. The React hooks testing library is used for hooks.

  • According to the unit test code convention, we'll get 80% of code coverage.

By the end of this course, you'll have learned how to deliver a high-quality React application. How to do it fast and follow best practices.

If you have any questions, please don't hesitate to contact me. I have a huge amount of experience in development and would love to share it and help students learn something new. Sign up today and see how fast you can improve your seniority in React software development.

Goals

  • How to create a React application
  • Developing independent components with Storybook
  • React hooks: default and custom
  • Creating unit tests for components and hooks

Prerequisites

  • JavaScript, HTML + CSS fundamentals are absolutely required
  • Basic React knowledge
  • ES6+ JavaScript knowledge at the beginning level
React Practice Course: Build React app from scratch

Curriculum

Check out the detailed breakdown of what’s inside the course

React practice intro

2 Lectures
  • play icon Introduction 04:44 04:44
  • play icon What do we need to start 03:28 03:28

App Development

17 Lectures
Tutorialspoint

Storybook configuration

9 Lectures
Tutorialspoint

Unit tests

12 Lectures
Tutorialspoint

Best practices of React app development

2 Lectures
Tutorialspoint

Instructor Details

Maksym Rudnyi

Maksym Rudnyi

Senior Software Engineer with more than 8 years of production experience in Web Development. Experienced both in frontend and backend technologies.

I would like to share my experience with others. You can find courses in Web Development (Front-end and Back-end) and specifically JavaScript. Use this knowledge to improve yourself as a professional developer.

Keep learning!

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515