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.