Leetcode challenges are very popular in interviews, and recently this style of questions - short, focused, with clear "acceptance" criteraria - has been used more and more with React as well.
Here are some simple Leetcode style React challenges that you can use to practice React or to prep for an upcoming interview:
Build a custom useFetch hook that encapsulates the logic for handling the loading and error states when fetching data: const { data, isLoading, error } = useFetch(SOME_URL, MAYBE_OPTIONS); The code should * return the response from the server * handle error and loading states * support custom headers through an options parameter * support ...
Given a sentence, display it with half a second delay between each character. Start showing nothing and then display characters one by one until the full sentence is displayed. No style is required. To get started, clone the starter repo: https://github.com/reactpractice-dev/typewriter-effect It comes with a TypewriterEffect ...
Here's a simple shopping list app - https://codesandbox.io/p/sandbox/shopping-list-local-storage-76f46c. Right now if the user refreshes the page, all the data is lost. Improve the app by saving the data to local storage, so the user doesn't lose his items. Acceptance criteria: * When ...
You will start from an existing Todo List app (yes, another one!) built with React. It works great - users can add / remove items - but there is only one problem - every time the page is refreshed, all the items are lost. Your task will be to implement persistence ...
28 days of focused practice of increasing difficulty, going through everything from Fundamentals, Data fetching, Forms and using Intervals in React.
You will also get notified whenever a new challenge is published.
