JavaScript Currying and CompositionCheatsheet
Transform multi-argument functions into chained calls and combine small functions into pipelines.
One-page quick reference sheets on code. Clear, example-driven build help when you need it.
Transform multi-argument functions into chained calls and combine small functions into pipelines.
Learn how the call stack, microtask queue, and task queue control JavaScript execution order.
Learn how generator functions pause and resume execution to build lazy sequences and iterables.
Access nested properties safely with optional chaining and pair it with nullish coalescing for defaults.
Understand the prototype chain, Object.create, and how class syntax wraps prototypal inheritance.
Learn how Proxy traps and the Reflect API intercept and control object behavior in JavaScript.
Use localStorage and sessionStorage to persist data in the browser across sessions and refreshes.
Master object and array destructuring for cleaner variable assignment and function parameters.
Handle user events in React with camelCase handlers, synthetic events, and controlled inputs.
Build REST APIs with route handlers, middleware, CORS, and auth patterns.
Use use server and use client directives to control rendering and data access.
Manage environment variables and configure Next.js for different environments.
Organize Next.js projects for maintainability and performance.
Set up a Next.js project and start building pages and API routes quickly.
Optimize images in Next.js using the Image component for better performance.
Learn useRef fundamentals: DOM access, callback refs, useImperativeHandle, and React 19 ref-as-prop.
Use enums effectively for type-safe constants and fixed sets of values.
Load web fonts efficiently with next/font for performance and UX.
Use the Link component and useRouter for fast client-side navigation in Next.js.
Master React.Fragment, short syntax, and when keys are necessary.
Manage React component state with useState to store and update values across renders.
Render lists efficiently with the key prop, understand reconciliation, and avoid common list rendering bugs.
Master prop drilling, children, and patterns for composable component APIs.
Use enums effectively for type-safe constants and avoid common pitfalls.
Pick the right loop in JavaScript with for, while, for-of, for-in, and array methods.
Master string manipulation with substring, slice, replace, split, and common text operations.
Learn template literals, string interpolation, multiline strings, and tagged templates for cleaner code.
Handle errors safely with try-catch patterns for async code, error propagation, global handlers, and JSON parsing.
Learn arrow function syntax, implicit returns, and lexical this with clear practical examples.
Create, format, and modify dates in JavaScript with timestamps, UTC, and common calculations.
Quick debugging one-liners for logging, tracing, timing, and inspecting JavaScript values in any project.
Select, edit, style, and create DOM elements with vanilla JavaScript and handle user events.
Create, clone, merge, and transform JavaScript objects with modern syntax and practical patterns.
A quick reference for adding, transforming, searching, and ordering items in JavaScript arrays.
Create dynamic pages with brackets, access route params, and generate static paths with generateStaticParams.
Show or hide elements in React using if statements, ternaries, logical operators, and switch patterns.
Build and manage controlled forms in React with inputs, validation, and submit handlers.
A starter guide to TypeScript covering types, variables, and basic syntax for newcomers.
A guide to TypeScript classes, constructors, access modifiers, and inheritance with practical examples.
Learn how interfaces define object shapes, optional properties, and contracts for cleaner typed code.
Learn how to organize TypeScript code using ES modules, named exports, and default exports.
Quick reference for the most important tsconfig.json options to configure your TypeScript projects.
Understand type aliases, unions, and intersections to make your TypeScript code more expressive.