This is a work in progress repo, not ready for prime time yet - Ankush
Create a simple react app that has tests working
Clone this repo and ensure that you are following Git Flow convention to submitting PRs to your OWN repo
- Setup testing framework
- Add tests
- Setup GitHub actions
Ensure that you follow TDD approach to writing your code.
The tests are available and marked as skip. Enable your tests by converting the
skip into test
Ensure that your milestone tests are passing, before submitting the PR
- Create a controlled component input box
- Create a composed sign up component using the input box components
- Perform validations on the input to enable/disable the Next step button
- Create an OTP component
- Upon successful email/name entry, get to OTP step
Starbucks has the following denotions for sizes:
Tall - Small glass
Grande - Regular glass
Venti - Big mug
Trenta - Biggest bucket
-
Simple easy to understand video on doing TDD by Eve Porcello - YouTube Link at time 5:46:14
-
Links and resources for Eve's talk about TDD with React! ⚛️ - eveporcello/women-of-react-2020 GitHub Link
-
Testing React by Kent C Todds - YouTube Link
-
Testing Overview - Official Docs
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify