How to Start React Project: Best Practices (Udemy.com)

What steps and decisions to make at the beginning of development.

Created by: Rodion Chachura

Produced in 2021

icon
What you will learn

  • How to Start React Project
  • Redux
  • React Router
  • Styled Components
  • Storybook
  • Redux Saga
  • Authorization on Front End
  • Installable PWA
  • Error Handling and Analytics in React

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 100 / 100

icon
Course Description

At this course, we will make a project started with create-react-app scalable and production ready by adding libraries, common patterns, utils, reducers, and sagas. My goal at this course is to share with you my findings of the last few years about what steps and decisions are better to make at the beginning of development so that you will have a good starting point for your new project.
We will bootstrap the new project with create-react-app and right from the start will add a tool that automatically formats our code. For state management, we will use Redux and will take a look at how to organize reducers the right way. Then we will introduce react-router to our app. For styling, we will use styled-components, and we will find how to better manage UI themes. Then we add Storybook a development environment for UI components. To make side effects easier to manage we will use redux-saga. Also, we will implement common patterns for authorization, so that later we will only need to add requests to the API. Then we talk about how to make our progressive web app installable. In the end, we will add tools for error tracking and analytics.
All the source code you will find in the repository. Each part will have a link to the corresponding commit and names of libraries we need to install. There is a lot of things to cover in this short course so let's jump in.Who this course is for:
  • Front-end developers

icon
Instructor Details

placeholder

I am a Software Engineer with 3 years experience. During my career, I worked with a lot of different technologies, yet most of the time I am doing web apps with React/Redux on frontend and NodeJS/ASP.NET on the backend. From time to time I am doing DevOps with AWS, Docker, Terraform.

In my free time, I write stories on Medium about technology, books, and productivity. Also, I am the creator of productivity tools that you can find on my website.

icon
More reactjs courses

React js. From the beginning. w/ Redux and React Router

$11.99

React JS, Angular & Vue JS - Quickstart & Comparison

$11.99

Server Side Rendering with React and Redux

$11.99

Microservices with Node JS and React

$11.99

Learn React by building and deploying production ready app

$11.99

Modern React with Redux [2020 Update]

$11.99

icon
Reviews

5.0

2 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Anton Krinitsyn

Thank you for sharing your experience Sir. As a beginner i had a rough time figuring out where to start with ReactJS and all these libraries available on NPM. This course helped me summarize my knowledge, made me much more confident and productive with React.

Thank you sir

By Semion Sobolevski

Thanks for the good explanation. Successfully created and set up a new project with the necessary libraries.