React Update 2021: Introduction

React¹⁷.0.2, Material UI⁴.11, @reduxjs/toolkit¹.6.0, redux-hook-form⁷.10, Typescript⁴.1.2, Created at July 21, 2021, Read Series…

The final goal of this series is a React Gmail-Like dashboard.

Recently, got a new project using React. I was thinking I can use existing React template then update npm packages. But I got a lot issues when I was trying to update npm packages. So I decided to start a new React template from scratch, with latest npm packages, new recommended technologies, for both entry level and professional level React developers.

This is a working memo. I am going to share experience in this article. The final goal of this series is a React Gmail-Like dashboard. A series of articles will be in next few months.

The priority of choosing technologies or packages:
- Performance, speed
- Package size, browser download speed
- Less code, easy code maintenance
- Future trend, e.g. long time official support
- Popularity

Important Note: Choose “Past Year” when search information of latest React related packages on bing and google.

The reason is React and related packages have been changed a lot in last year. Most posts before 2020 are already out-of-date.

When you read this paper:

• look at package.json after you npm install {package name}. You can also find all dependent packages after npm install, in package-lock.json and yarn.lock.
• Developer/Read should do research when [Try to understand], Only important explanation are in this document.

Read Series…
Example code on Github, “1-basic” branch, there is one commit at the bottom of each following article.