Profile card gallery
Render a list of profile cards from an array, with a filter by skill.
Build interactive user interfaces from components, the most requested front-end skill in job posts.
You have reached the end of the beginner stages. Prove what you learned with a project.
You have reached the end of the intermediate stages. Prove what you learned with a project.
You have reached the end of the advanced stages. Prove what you learned with a project.
Render a list of profile cards from an array, with a filter by skill.
Build a stopwatch with start, pause, reset and lap times.
A multi-step form with validation, a review step and a success screen.
Search and filter a list from a public or mock API with loading and empty states.
A fast, accessible portfolio in Next.js with a projects page and contact form.
A small dashboard with charts, TypeScript and component tests.
The same roadmap as a reading list: every stage, what each topic covers, and which ones are optional.
Functions, arrays, objects, destructuring, modules and async code.
React produces HTML and CSS. Know them well.
Install tools and libraries and run a development server.
Start a project and see your changes live.
Describe the UI as small, reusable functions that return markup.
Pass data from a parent component to a child.
Show different UI for different data and render lists with keys.
Respond to clicks, typing and form submission.
Remember values between renders and update the screen when they change.
Controlled inputs, validation and submitting data.
Lift state up so sibling components stay in sync.
Manage complex state and pass it deep without prop drilling.
Synchronise with things outside React, such as timers and subscriptions.
Most bugs in React apps come from effects that were not needed.
Load server data with caching, loading and error states.
Reuse stateful logic across components.
A full framework for React with routing, server rendering and data loading.
Add pages and navigation to a single-page app.
Utility classes, CSS modules or component libraries.
Test what users see and do, not internal details.
Typed props and state catch mistakes early.
Find slow renders and fix them only where it matters.
Semantic HTML, focus management and keyboard support in components.
Use your React skills to build iOS and Android apps.
Building user interfaces for websites and web apps. With React Native the same skills build mobile apps.
If you know JavaScript well, the basics take a few weeks. Building real apps with data, routing and tests takes a few months of practice.
Learn React first. Next.js is a framework built on React, and most new React projects use a framework like it.
© 2026 KamerLink. All rights reserved.