react-template

Tools

• Webpack 5.96.xx
• Babel 7.26.xx
• React 18.3.xx
• Typescript/Javascript

Starter

Use this command to start your project.

yarn install
yarn fork

Enable enviroments

Support enviroment files

touch .env.development .env.production

if you want to add more .env files please config in config/webpack

How to use env

process.env.[VARIABLE_NAME]

Project structure

I'd be happy to suggest a starting project structure for you.

src/
 |--assets/
 |--components/
 |--layouts/
 |--pages/
 |--routes/
 |--services/

For prepare project structure use this command !!

yarn make-structure

Supports

These commands are used to automatically set up and add the necessary components to your project. Have fun!

1. Styled-components
   if you need to use styled components please use this command!

yarn setup styled-components 

2. tailwindcss\ --> Version >= 4.0.x automatic script to add tailwindcss!

yarn setup tailwindcss

Contact

demonsjostle.com