Skip to content

Template com create-react-app + prettier + jest + tailwindcss

Notifications You must be signed in to change notification settings

farnetani/template-react-tailwindcss

Repository files navigation

Template React com TailwindCSS + Eslint Prettier Jest

Feito para Farsoft Systems Feito por Arlei F. Farnetani Junior

Create React App

Este projeto foi criado com Create React App.


🚀 Sobre o aplicativo

Template LIMPO para ser utilizado nas aplicações com React.


Exemplo CSS com Tailwind


🔧 Instalação e Uso

Ver scripts no package.json

yarn start

Rode a aplicação em modo de desenvolvimento:

Abra o link: http://localhost:3000 para ver no navegador.

yarn test

Para rodar os testes. Veja mais sobre testes no link: running tests.

yarn build

Para gerar o build da aplicação.


Outros Templates:

template-react-prettier-manual

Template para minhas aplicações em React com Eslint + Prettier + Jest sem utilizar o create-react-app.

template-react-sem-css

Template com Create-React-App + Prettier + outras configurações porém sem a instalação do tailwindCSS ou styled-components, ficando livre pra instalar o que desejar, e também não está com SASS.

template-react-tailwindcss

Template com create-react-app + prettier + jest + tailwindcss

template-react-styled-components

Template criado do zero com create-react-app e já configurado para utilizar o styled-components.


## Obs:

Rodar apenas isso que é o que falta para o meu template tailwind+react

yarn add node-sass -D
yarn add postcss-cli autoprefixer -D

Editar o package.json

"build:css": "postcss src/styles/index.scss -o src/styles/tailwind.output.scss "

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Feito com ❤️ por Arlei F. Farnetani Junior

Github Badge Instagram Badge Facebook Badge Gmail Badge Linkedin Badge

About

Template com create-react-app + prettier + jest + tailwindcss

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages