React practice course. Build React app from scratch.

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

3.91 (158 reviews)
Udemy
platform
English
language
Web Development
category
instructor
9,501
students
4.5 hours
content
Oct 2020
last update
$59.99
regular price

What you will learn

How to create React application

Developing independent components with Storybook

React hooks: default and custom

Creating unit tests for components and hooks

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.

Content

React practice intro

Introduction
What do we need to start

App Development

Installing ReactJS
Setting up React development app environment
Configuring Git and GitHub
React AutoComplete installation
Fetching data with REST from Wikipedia
useSearch custom hook with Axios
Cancelling Axios calls
useDebounce custom hook
Custom Input component
useSearchForm custom hook
useCallback hook
React render props pattern
Configuring SCSS
Routing with react-router-dom
Adding app pages
Home page
Search page

Storybook configuration

Installing Storybook
Storybook configuration
Fixing possible issues with Storybook
Storybook interface overview
The first story with Storybook
ListItem story
Search result page story
Installing moxios to configure mocks
Storybook documentation with mdx

Unit tests

Unit tests intro with Jest
Unit tests convention
Input component unit test
Enzyme installation
Coverage reporting
Autocomplete unit tests
Container component unit test
useSearchForm hook unit test
useDebounce hook unit test
useSearch hook unit test
App unit test
Unit tests summary

Best practices of React app development

React PropTypes
React DefaultProps

Bonus

Installing NodeJS on Windows
Installing Yarn on Windows
Bonus: More Content!

Screenshots

React practice course. Build React app from scratch. - Screenshot_01React practice course. Build React app from scratch. - Screenshot_02React practice course. Build React app from scratch. - Screenshot_03React practice course. Build React app from scratch. - Screenshot_04

Reviews

Fabio
April 12, 2023
buono ma i contenuti sarebbero da aggiornare, difficile seguire il corso per via delle modifiche nelle nuove versioni
Samuel
September 2, 2021
It's a great course. If you already know React and don't know very much about hooks, I highly recommend that you take this course.
Daniel
July 31, 2021
I really wanted to take and learn from this course but it was hard to enjoy. It's mostly code copy and feels rushed. Pace is not good either.
Dungvv11
June 3, 2021
The video's quality and accent are not so good, but his technique is pretty awesome. This course is not suitable for newbies I guess.
Darius
December 10, 2020
The instructor moves and speaks entirely too fast making it somewhat hard to follow. Lots of pausing and rewinding. There's also a lack of proper explanation for some of the methods being used.
Kevin
November 16, 2020
This was a very fast course, with a good set of tools for intermediate/advanced react programmers. It is not actually for beginners and it doesn't deep in some topics, but it gives you a general view of a lot of important things on developing with react

Coupons

DateDiscountStatus
11/3/2020100% OFF
expired

Charts

Price

React practice course. Build React app from scratch. - Price chart

Rating

React practice course. Build React app from scratch. - Ratings chart

Enrollment distribution

React practice course. Build React app from scratch. - Distribution chart

Related Topics

3328870
udemy ID
7/13/2020
course created date
11/3/2020
course indexed date
Bot
course submited by