Skip to content

melsiir/react-swc-Boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published