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,
and then you'll got todo app as same as Demo. let's modify under the
src/ code feel free!!
After that You'll get bundled and optimization stuff in
Also you can run production build with
serve local webserver modules.
yarn global add serve serve -s 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 --noEmit compile 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 cypress:open require
yarn start before.
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!