When you're just starting out, it can be overwhelming to jump straight to building full featured apps. A more manageable way to start is to just build individual components!
This way, you can practice working with state, defining props and working with the DOM in a small, focused way.
Here are some great challenges to practice building components:
Build a React component that allows users to book a table at a restaurant. Users should be able to choose the number of persons they want to book for, the date and the time. Here is the user flow to guide your work: * initially, show just a button with the ...
On the "Github Issues" page of a repository, you can filter the issues by Milestones, Projects and more. Build a generic Filter component that you could use for filtering milestones, authors and labels. * the component should have a button that when clicked opens the list of items * the ...
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 ...
An Accordion component displays content as a list of headings that the user can click to collapse/expand the related content. One common use case for Accordions is the Frequently Asked Questions section - here's an example from Github's FAQ. Clicking on an item expands it, ...
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.
