ReactJS Code Challenges & Tips

1. Write a custom hook that fetches data from a public API and manages loading and error states.

2. Implement a simple modal component in React that can open and close, and also handle nested modals.

3. Create a Todo List application where users can add, edit, and delete tasks, and persist data to local storage.

4. Write a higher-order component (HOC) that adds a loading spinner while a component is fetching data.

5. Build a search bar component that filters a list of items based on user input, using React Hooks.

6. Implement a React component that displays a list of items and allows users to drag and drop items to reorder them.

7. Create an infinite scroll component that loads more data as the user scrolls down the page.

8. Write a function that shallowly compares two state objects and returns true or false based on equality.

9. Build a form with validation that only submits if all fields are filled correctly, using React Hook Form or Formik.

10. Develop a component that uses the Context API to manage and provide global application state.