Devwulf/cra-template-base-tailwind-typescript

cra-template-tailwind-enzyme-ts

My own custom Create React App template for React 17 with TypeScript 4.2 which uses:

• Tailwind CSS
• PostCSS and PostCSS CLI
• Autoprefixer
• Enzyme
• Enzyme 17 Adapter
• React Test Renderer
• 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.