How to Start React Project: Best Practices
What you'll 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
Requirements
- Basics of React, Redux and Redux Saga
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
Instructor
I am a software engineer with four years of experience. During my career, I worked with a lot of different technologies, yet most of the time, I do web apps with React+Redux on the frontend, NodeJS microservices on the backend and AWS, Docker, Terraform on DevOps side.
After a regular job, I develop a productivity tool that you can find on my website. In the time left, I write stories on Medium and create YouTube videos about technology and productivity.