Pitter Pattern
Good React-ion
Stack It Up
In Style
Pass the Test
200

This is a function passed into another function to be executed later.

What is a callback?

200

This type of component stores form input values in React state.

What is a controlled component?

200

This library is commonly used in React to make HTTP requests.

What is Axios?

200

This layout system is best for arranging elements in one dimension.

What is Flexbox?

200

This type of test verifies a single function or component in isolation.

What is a unit test?

400

These two array methods differ in that one transforms data while the other selects data.

What are map and filter?

400

These identifiers help React efficiently update lists of elements.

What are keys?

400

This browser security mechanism controls which domains can access an API.

What is CORS?

400

This layout system excels at two-dimensional page layouts.

What is CSS Grid?

400

These tools are commonly used to test React components.

What are Jest and React Testing Library?

600

This type of function has no side effects and always returns the same output for the same input.

What is a pure function?

600

This library enables client-side navigation without full page reloads.

What is React Router?

600

This sequence describes how form data moves from the UI to the database and back.

What is the React → Express → MongoDB request cycle?

600

These predefined screen widths control responsive layout changes in Bootstrap.

What are breakpoints?

600

These tools are commonly used to test Express APIs.

What are Mocha, Chai, and Supertest?

800

This coding pattern improves readability by handling edge cases at the top of a function.

What is the return-early pattern?

800

This React feature helps avoid deeply nested prop passing for shared data.

What is Context?

800

These two concepts describe verifying who a user is versus what they’re allowed to do.

What are authentication and authorization?

800

This technique allows developers to customize Bootstrap’s default appearance.

What are CSS overrides?

800

This testing practice verifies that a feature works the way a real user would interact with it.

What is testing user interactions?

1000

This notation describes how an algorithm’s performance scales as input size grows.

What is Big-O notation?

1000

This describes the complete process of fetching data in a React component and updating the UI.

What is a useEffect data-fetching flow?

1000

These variables store sensitive configuration values outside the codebase.

What are environment variables?

1000

This design philosophy starts with small screens and scales upward.

What is mobile-first design?

1000

This essential skill cannot be replaced by automated tests alone.

What is good design and reasoning?