📝 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)