Frontend Coding Challenges

Build real interface features: components, state, forms, lists and data fetching.

4 paths · 80 challenges

More soon
vuejs
Vue.js
4 challenges · 1 module
Vue.js 3.2Vue.js 3.2Node.js 24Node.js 24
Components & Props
Not startedStart
angular
Angular
8 challenges · 2 modules
Angular 21Angular 21Node.js 24Node.js 24
Components & Data Binding
Not startedStart
react
React
48 challenges · 12 modules
React 19React 19
Components & Props
Not startedStart
More soon
typescript
TypeScript
20 challenges · 5 modules
TypeScript 7.0TypeScript 7.0
Dom Selection & Manipulation
Not startedStart

From the blog

4
Why your React effect runs twice in devReact StrictMode double-invokes effects in development on purpose. Here's why, what it's catching, and how to write effects that survive it — with proper cleanup.How to review a React pull requestA shareable, team-facing checklist for reviewing React pull requests — correctness, hooks, state, performance, accessibility, and tests.React performance: what to fix firstA saveable checklist for shipping fast React apps — cut wasted re-renders, trim bundles, fix data waterfalls, and measure what matters.How to prep for a frontend interviewA practical, framework-first plan to prepare for frontend engineering interviews — fundamentals, real features, and a four-week schedule.

Frequently asked questions

3

Which paths are in this category?

4 paths: Vue.js (4 challenges), Angular (8 challenges), React (48 challenges) and TypeScript (20 challenges).

How many challenges are there?

80 challenges across 20 modules. More modules are on the way.

Do I need to install anything?

No. Every challenge runs in a browser-based IDE with everything already set up, and your code is graded automatically against a test suite.

We use cookies that are necessary to run Staffcoder, and optional analytics cookies to see which pages get used. Analytics stays off unless you accept. Read our Cookie Policy.