angelinopires/react-template

A simple and powerful workflow of React.js

React template

This is a project template to boost your productivity and save time. It's an alternative to create-react-app, therefore it's more flexible.

It already have an optimized build process, for those projects that will hit production eventually.

💻 Stack

• React
• SCSS
• ESLint
• Stylelint
• Webpack 5
• IDE Plugins: ESLint, Stylelint, EditorConfig, Prettier

📋 Requirements

• Node v14.17.3 or similar

👉 Technical References

• Maintain Control: A Guide to Webpack and React, Pt. 1
• Maintain Control: A Guide to Webpack and React, Pt. 2
• Introducing the New JSX Transform
• Webpack 5: Asset Modules
• Webpack: Code Splitting
• Como configurar o Prettier e ESLint em projetos React
• My professional experience

👨‍💻 Setup

1. Clone the project
2. If you're using nvm, run these commands before proceeding

$ nvm install 14.17.3
$ nvm use

3. Then, install the packages. NPM and Yarn are available, choose your preference.

$ npm install

4. After finished, run in development mode

$ npm run dev

5. Open http://localhost:8080/ on your favorite browser

⏭️ Next steps

• Create a TypeScript variation
• Create a Next.js variation

Enjoy!