Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

React Practice Course. Build React app from scratch

person icon Maksym Rudnyi

4.5

React Practice Course. Build React app from scratch

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

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Maksym Rudnyi

English [CC]

category icon Development,React

Lectures -43

Duration -4 hours

4.5

price-loader

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-have" 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 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 with 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. Will 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 application. How to do it fast and following best practices.

If you have any questions, please don't hesitate to contact me. I have a huge 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

What will you learn in this course:

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

Prerequisites

What are the prerequisites for this course?

  • JavaScript + HTML + CSS fundamentals are absolutely required
  • Basic React knowledge
  • ES6+ JavaScript knowledge at 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

e


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