Skip to content

Search for anythingCtrl K

Courses from instructors you can trust, with assessments that mean something and certificates anyone can verify.

Learn

Explore courses My learning Certificates Verify a certificate Mobile app

Teach

Teach on Learn Instructor handbook Live classes Earnings & payouts Co-instructors

For organisations

Seat licences Course bundles Public API LTI & proctoring Affiliate programme

Support

Help centre Contact support Refund policy Trust & safety Accessibility statement

© 2026 EvalenceAI. Proctoring by EvalenceAI.

Privacy Terms Cookie settings Accessibility Status

React Workshop: Build a Searchable Catalog · EvalenceAI Learn

Courses
Development
Web Development

React Workshop: Build a Searchable Catalog

Build reusable components and manage interactive UI state with a small product catalog.

2 min of content4 lessonsBeginnerEnglishUpdated Oct 2026

Certificate

Created by EvalenceAI Demo Studio · Practical learning paths for testing

Preview a lesson of React Workshop: Build a Searchable Catalog

Preview this course

$29.99

30-day refund if you have completed under 50 % of the course.

Verifiable certificate of completion
4 lessons in 1 section
Topics: demo, React, hands-on

Overview
Curriculum
Instructor
Reviews

What you'll learn

Pass data through component props
Use state for controlled form inputs
Derive filtered results without duplicating state

Curriculum

1 section · 4 lessons · 2 min

Learn, practice, and build4 lessons · 2 min

React: guided video tutorial, ArticlePreview React: guided video tutorial1 min
Study notes and worked starter, Article1 min
Practice project and self-check, Article1 min
Download the practice workbook, Downloadable resource

Requirements and who it's for

A computer with internet access
Basic JavaScript knowledge
Self-paced learners
Students testing the EvalenceAI learning experience

Description

$29.99

React Workshop: Build a Searchable Catalog

Build reusable components and manage interactive UI state with a small product catalog.

Work through the tutorial at your own pace, review the study notes, then complete the practice project using the downloadable workbook. The workbook includes starter material and a checklist for reviewing your result.

What you will learn

Pass data through component props
Use state for controlled form inputs
Derive filtered results without duplicating state

Your project

Run the component in a React project.
Extract a ProductCard component and add a category field.
Add a category filter and a clear empty-results message.

Tutorial: React Course - Beginner's Tutorial for React JavaScript Library [2022] by freeCodeCamp.org. Videos remain freely available on YouTube and belong to their creators. This is an independent demo learning path; listed prices are test fixtures.

Instructor

ES

EvalenceAI Demo Studio

Practical learning paths for testing · 10 courses · 0 students

Original exercises paired with credited public tutorials. Demo prices are for testing the learning and checkout experience.

Other courses by EvalenceAI Demo Studio

Reviews

No reviews yet.