Web DevUsing TypeScript with React, PracticallyType React the practical way: props, state, events, and children, the patterns you'll actually use, with a live TypeScript + React editor.Jul 17, 2026·7 min
Web DevReact Composition Patterns That ScaleWrite React that stays clean: composition over props soup, the children prop, and lifting state up. Practical patterns with examples.Jul 13, 2026·8 min
Web DevReact Project: Build a Todo App with HooksPut it together: build a working React todo app with state, events, lists, and forms, fully editable live in your browser.Jul 13, 2026·9 min
Web DevReact Context: Share State Without Prop DrillingUse React Context to share state across components without prop drilling. When to reach for it, when not to, and live code to try it out.Jul 12, 2026·7 min
Web DevReact Custom Hooks: Reuse Logic CleanlyExtract and reuse logic with custom React hooks: the rules of hooks and a practical useLocalStorage example, runnable live.Jul 12, 2026·8 min
Web DevFetching Data in React with useEffect and fetchLoad data from an API in React: fetch in useEffect, loading and error states, and avoiding common bugs, with a live example.Jul 11, 2026·8 min
Web DevReact useEffect: Side Effects, ExplainedUnderstand the useEffect hook: when effects run, the dependency array, and cleanup, without the usual confusion, with live code.Jul 11, 2026·9 min
Web DevConditional Rendering in React, ExplainedShow and hide UI in React: ternaries, the && operator, early returns, and clean patterns for conditional rendering, with a live editor.Jul 10, 2026·6 min
Web DevReact Forms and Controlled ComponentsBuild forms in React the right way: controlled inputs, handling change, simple validation, and submitting, with runnable examples.Jul 10, 2026·8 min
Web DevHandling Events in React, ExplainedRespond to clicks, input and form events in React: event handlers, the synthetic event, and passing arguments, with runnable live examples.Jul 9, 2026·8 min
Web DevReact Lists and Keys: Rendering ArraysRender arrays in React with map, and why keys matter for correct, fast updates, with clear, runnable live examples.Jul 9, 2026·7 min
Web DevReact Components and Props, ExplainedBuild reusable React components and pass data with props. Composition, children, and default values, with runnable live examples.Jul 8, 2026·9 min
Web DevReact State with the useState HookMake React components interactive with useState: state vs props, updating state correctly, and re-renders, with a live counter example.Jul 8, 2026·8 min
Web DevReact JSX, Explained: HTML in Your JavaScriptHow JSX works in React: expressions in curly braces, attributes, fragments, and the rules that trip up beginners, with a live editor.Jul 7, 2026·7 min
Web DevWhy React? Components and the UI Mental ModelWhat React is, the component mental model, and why it took over UI development, with a live React component you edit in the first minute.Jul 7, 2026·8 min
Web Dev
