Starter for React projects using Atomic design structure with support to both JSX and TSX, using SASS/SCSS, Eslint, Prettier, TailwindcssV2 and more, all of this using Webpack.
git clone
the project and get started with fully optimized environment for React development.
git clone
the repository to your local machine.- run
npm install
to install all the dependencies. - run
npm start
to start local development server.
Everything is suited for development with hot reloading using webpack.
For production use npm run build
but before we need to purge all tailwind css propreties that we didn't use in the project.
- Inside
tailwind.config.js
be sure to havepurge: {enabled: true}
as it will make a big difference in build size. - now run
npm run build
, you will get a folder named "prod".
// "start": "NODE_ENV=development PLATFORM=web webpack-dev-server --open --config ./webpack/webpack.web.js",