Frontend Primer

A collection of study resources for frontend engineers.

Table of Contents

45-minute Practicals

• Debounced Search / Autocomplete: Implement a user search component that fetches suggestions from an API and supports keyboard navigation.
• Validated Form with Async Checks: Build a registration form with client-side validation and an async username availability check.
• Data Table (Sort / Filter / Paginate): Implement a product table with sorting, filtering, and pagination.
• Infinite Scroll Feed with Caching: Create a feed that loads additional posts as the user scrolls.
• Toasts and Modal System: Develop a reusable global toast system and a modal component.