This is a simple react project that is built step by step for a new project. It will give you an overview with many things need to do once starting the new react project.
| Technologies | Yes/No |
|---|---|
| React + Typescript | ✅ |
| Webpack | ✅ |
| Bable | ✅ |
| Prettier | ✅ |
| ESLint | ✅ |
| Redux | ✅ |
| Jest + Testing Library | ✅ |
- Node installed on your computer. You can download Node at Nodejs.org. Create react app requires a Node version at least 10.
- A package manager called npm. It is automatically included in your installation of Node. You need to have an npm version of at least 5.2
- A good code editor to work with our project files. I highly recommend using the editor Visual Stuido Code. You can download it as code.visualstudio.com
- Using Create React App (CRA) to create a new project with typescript template
- Bundling using Webpack
- Configuring Babel
- Configuring Pettier
- Configuring ESlint
We will use CRA to create a new project quickly but we will not use the default bundle to start and build for this project. We should configure manually by Webpack to learn about it and it will help us to flexible for expansion in the future. After that, we continue to configure some things to help us to work effectively in a group.