meghanacosmos / react-hooks

Practical React Hooks

This is the repository for Practical React Hooks, to learn and understand custom hooks and how to use them in your React applications.

Prerequisites

You are expected to have a basic understanding of React and JavaScript. You should be experienced with useState, useEffect, and useRef. To learn more about the basics of React, check out the React documentation and the Beta Docs of React.

System Requirements

• Node.js (v16 or higher)
• Yarn (v1.22 or higher)
• Git
• Visual Studio Code (optional)

📝 Instructions

1. Fork this repository
2. Clone your forked repository
3. Run yarn to install the dependencies
4. For each exercise, run yarn test <exercise-number> to run the tests for that exercise. For example, to run the tests for exercise 1, run yarn test 01-use-persist
5. For each exercise, create a new branch to work on. For example, to work on exercise 1, create a new branch called <name>/01-use-persist
6. The tests for the exercise will fail. Make the tests pass by editing the src/exercises/<exercise-number>/hook.ts file
7. Submit a pull request when you are done with an exercise

📚 Exercises

• Exercise 1: usePersist
• Exercise 2: useInterval
• Exercise 3: useKey
• Exercise 4: useFetch
• Exercise 5: useDebounce
• Exercise 6: useEventListener
• Exercise 7: usePrevious
• Exercise 8: useAsync
• Exercise 9: useOnClickOutside

License

MIT