How to Start React Project: Best Practices

[mitsumi]

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
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

Screenshots

Download link:

Só visivel para registados e com resposta ao tópico.

Only visible to registered and with a reply to the topic.

Links are Interchangeable - No Password - Single Extraction