REACTJS BOILERPLATE

📝 About project

This is a boilerplate to be used as a foundation for front-end projects, featuring Vite, TypeScript, ReactJS, and Styled-Components as main technologies. It includes custom configurations with Prettier and ESLint for code standardization and organization. Additionally, it provides examples of componentization, usage of ReactJS library hooks, custom hooks, OAuth authentication, data persistence using browser storage mechanisms, unit testing examples, among other features. This comprehensive kit will provide a solid base to efficiently start ReactJS projects with consistency.

🚀 Technologies

• Vite
• ReactJS
• TypeScript
• Jest
• react-testing-library
• styled-components
• firebase
• plop
• eslint
• prettier

🌀 Run this project

# Creating your project using this boilerplate
$ npx degit jefferson1104/boilerplate-reactjs PROJECT_NAME

# Project directory
$ cd PROJECT_NAME

# Install dependencies
$ npm install

# Run in development mode http://localhost:5173/
$ npm run dev

Commands

• npm run dev: start app in development mode in http://localhost:5173
• npm run build: create the production build version
• npm run preview: starts a simple server with the build production code
• npm run lint: runs ESLint to test all components and pages
• npm run test: run Jest to test all components and pages
• npm run test:watch: run Jest in watch mode
• npm run generate: create the component structure in an automated way

🎨 Screenshots