June 30 2020

How to Start React Project Best Practices

How to Start React Project  Best Practices
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 10 lectures (36m) | Size: 207.5 MB

What steps and decisions to make at the beginning of development.
What you'll learn:
How to Start React Project
React Router
Styled Components
Redux Saga
Authorization on Front End
Installable PWA
Error Handling and Analytics in React

Basics of React, Redux and Redux Saga

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




Related News

Add comment

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
Support Heroturko
You can support Heroturko by buying a Uploadgig account. %75 of your payment goes to Heroturko.


Uploadgig.com allows you to download as a premium user at Unlimited Speed!
Donate via Bitcoin
Latest Releases
Recommended Filehosts