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
- Basic React knowledge
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.
|Section 1 - Introduction|
|What We Need To Start||00:00:00|
|Section 2 - App Development|
|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|
|React Render Props Pattern||00:00:00|
|Routing With React-Router-Dom||00:00:00|
|Adding App Pages||00:00:00|
|Section 3 - Storybook Configuration|
|Fixing Possible Issues With Storybook||00:00:00|
|Storybook Interface Overview||00:00:00|
|The First Story With Storybook||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|
|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|
|Section 6 - Bonus|
|Installing NodeJS On Windows||00:00:00|
|Installing Yarn On Windows||00:00:00|