ReactChallenges

EASY CHALLENGES:

Following projects built using CRA:

1. classiccounter
2. progressbar - See for HTML progress bar element
3. selectallcheckboxes - See how onChange is passed with param in the JSX and why .map method needs to return obj
4. submitmessages - great example of onKeyDown event using Shift and Enter key, then also adding to prev state array using ...

npm run start to check the browser output: localhost:3000

for running tests, npm test

Following projects built using Vite: 5. tempconverter - great example of vite tests

npm run dev

Run http://localhost:5173/ in browser

For Vite test setup refer to this link: works great

https://www.robinwieruch.de/vitest-react-testing-library/

npm test => This will run vitest

INTERMEDIATE CHALLENGES:

6. Reaction Game - great example for useRef hook
7. LabelFilter - great example for Object.values (loop within loop)
8. ValidateForm - great example of using an object (setPerson) for form-level validation and Javascript map collection. See setState of errors especially
9. togglethemecustomhook - great example for simple custom hook

ADVANCED CHALLENGES:

10. SquidGame - Still in progress -todo red alert, etc