https://github.com/devwulf/cra-template-base-tailwind-typescript
https://github.com/devwulf/cra-template-base-tailwind-typescript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/devwulf/cra-template-base-tailwind-typescript
- Owner: Devwulf
- Created: 2020-07-28T21:48:58.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-12-06T23:29:12.000Z (over 4 years ago)
- Last Synced: 2025-03-01T00:18:46.218Z (over 1 year ago)
- Language: JavaScript
- Size: 37.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# cra-template-tailwind-enzyme-ts
My own custom [Create React App](https://github.com/facebook/create-react-app) template for React 17 with TypeScript 4.2 which uses:
- [Tailwind CSS](https://www.npmjs.com/package/tailwindcss)
- [PostCSS](https://www.npmjs.com/package/postcss) and [PostCSS CLI](https://www.npmjs.com/package/postcss-cli)
- [Autoprefixer](https://www.npmjs.com/package/autoprefixer)
- [Enzyme](https://www.npmjs.com/package/enzyme)
- [Enzyme 17 Adapter](https://www.npmjs.com/package/@wojtekmaj/enzyme-adapter-react-17)
- [React Test Renderer](https://www.npmjs.com/package/@wojtekmaj/enzyme-adapter-react-17)
- [GH-Pages](https://www.npmjs.com/package/gh-pages)
To use and setup, run these commands:
npx create-react-app my-cool-app --template tailwind-enzyme-ts
cd my-cool-app
npm run setup
Individual setup commands are:
- `setup:css` - Installs Tailwind, PostCSS and CLI, and Autoprefixer
- `setup:test` - Install Enzyme, Enzyme Adapter 17, and React Test Renderer
- `setup:misc` - Install GH-Pages
To setup eslint, run this command:
npm run eslint
Notes:
- Don't forget to run `npm start` before coding so the Tailwind CSS files are setup!
- Also don't forget to add `/src/assets/main.css` to .gitignore since it's usually a huge generated asset.