🚀 Create React App TypeScript Todo Example 2020
10.16.3 LTS(recommend newer than v14.8.0). If you have not it yet, follow the official Node.js Doc to install it.
git clone [email protected]:laststance/create-react-app-typescript-todo-example-2020.git cd create-react-app-typescript-todo-example-2020 yarn install # or npm install yarn start # or npm run start
Finally Edit Code 😎
After that you'll seen the console which are server processes messages.
Let's follow the message and put in URL
http://localhost:3000/your browsers adressbar,
src/code feel free!!
Official Docs: https://create-react-app.dev/docs/getting-started#npm-start-or-yarn-start
After that You'll get bundled and optimization stuff in
servelocal webserver modules.
yarn global add serve serve -s build
Official Docs: https://create-react-app.dev/docs/getting-started#npm-run-build-or-yarn-build
run wtih eslint --fix option.
While developing and building, Babel stop transpile with TS error messages. I can't find way static typecheck with babel, so I'm using original TypeScript via npm and specified
tsc --noEmitcompile option that doesn't generate compiled code.
Jest is all-in-one test-runner built in Create React App and covers function-level unit testing to component-behavior-level integration testing. The Repo use to react-testing-library for component integration testing.
yarn start # Launch DevServer yarn cypress:open
Run Cypress with Electron.
That's same as run all test on cypress GUI after run
yarn start # Launch DevServer yarn cypress:run
Run Cypress with headless Electron.
That mean this command complete all on a terminal without GUI.
yarn start # Launch DevServer yarn cypress:run:headless
This is not a Best Practice introduction.
I hope this helps you know like that from what I've Published!
1. Execute command for scaffold Create React App's TypeScript Templete.
npx create-react-app create-react-app-typescript-todo-example-2020 --template typescript
Please feel free to post New Issue or Pull Request 🤗
If you want to get more generally answers, these community are might be helpful 🍻
Thanks goes to these wonderful people (emoji key):
💻 📖 ⚠️
This project follows the all-contributors specification. Contributions of any kind welcome!