Practice core React concepts!
100 interactive React components that will help beginner and advanced developers to better understand this framework.
Created by Pava
🛠️ Still building
The site is a work in progress, but there’s already plenty to explore: 25 beginner components and a few intermediates — and more coming soon.
Follow along on Twitter/X.
Focus on what's important!
The components focus on real-world concepts, that you'll definitely encounter in your career. You will practice:
The Demo!
I know you're curious how this all works, so here's our interactive IDE. We invite you to try one of our components!
Start practicing now!
Create your account
to continue to 100 React Components
Hi, I'm Pava 👋
And this is my second project in the 100 series.
The first one is named 100 JS Functions and is about practicing core JavaScript concepts, without any frameworks or libraries.
This is my folllow-up project - 100 React Components - where we go to the next level and start creating UI components in React.