🚀 Create React App TypeScript Todo Example 2021
This project was started with the goal of continuing to publish Todo Example Apps in the latest React writing style.
When React Hooks unveiled in autumn 2018, I was looking for todo apps that written by new style Function Component and Hooks to learn how to use them in real applications but I couldn't find any at that time.
I'm glad to even the repo could be useful for your learning. 🤗
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.
npx degit laststance/create-react-app-typescript-todo-example-2021 create-react-app-typescript-todo-example-2021
after that auto launch todo app on your default browser and code edit ready.
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!
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!