0.2.3 • Published 4 years ago
cra-template-fleflis-ts v0.2.3
📝 A simple CRA template, with powerful settings ready to use
This project was made to get some tedious work done, like installing and setting ESLint, prettier and so on. Its purpose is to create a project ready to code a web app, scalable and clean, enforcing code style, and a lot more, on the most convenient way. 😄
👨🏻💻 How to install
As simple as one command. Its just a react app template, so, you can get everything below by typing in terminal with yarn
:
yarn create react-app [project-name] --template fleflis-ts
or, if you prefer npm
:
npx create-react-app [project-name] --template fleflis-ts
and finally, just open the project folder with
code [project-name]
and start right away! 😄
⚙️ Preconfigured things
Some of the features on this project includes:
- ✅ ESLint (airbnb template)
- ✅ Typescript
- ✅ Editorconfig
- ✅ Prettier
- ✅ styled-components (with theme and global style already setted)
- ✅
.vscode
folder with autoFix ESLint on save - ✅ Clean directory (no serviceWorker, test scripts, css or react assets)
- ✅ Modular structure (splitting code on the right way, with better scalability in mind)
🔌 Recommended plugins for VS Code
These plugins and the editor are entirely optional, but everything works better when you have the full package 😉
- EditorConfig for VS Code (editorconfig.editorconfig)
- ESLint (dbaeumer.vscode-eslint)
- vscode-styled-components (jpoissonnier.vscode-styled-components)