Skip to content

Latest commit

 

History

History
72 lines (52 loc) · 4.57 KB

README.md

File metadata and controls

72 lines (52 loc) · 4.57 KB

this is my react-swc-webpack config

React TypeScript Webpack SWC Github Actions TailwindCSS

I made this config to have more costimized experience with react ⚛️

installation

  • you can install it easly using npx command:

if you use npm use:

npx melsir-react <app-name>

if you use pnpm use:

pnpm dlx melsir-react <app-name> 

or clone it to your project directory:

git clon https://github.com/melsiir/react-swc-Boilerplate.git

or

git clon https://github.com/melsiir/react-swc-Boilerplate.git <app-name>

if you clon it then you have to install manually packages and remove .git file:

rm -rf .git && rm -r bin
npm install

usege

  • dev : starting development server
  • build : bundle App for production
  • analyze : bundle App for production and make statical analyze report for the app modules in the browser

use TypeScript:

if you want to use typescript you have to install it via npm install typescript -D. i didn't add it because i have installed it globally and then rename the the index.js file in src folder from index.js to index.ts or index.tsx and you are good to go.

use TailwindCSS:

just run tailwind init and do your work and thats done.