Articles for people who
ship the stack
Rewrites on React, Node.js, TypeScript and AI. A translated body is shown when it exists. If it does not, you see the English text and a note that says so.
Tagged: JSX
React Event Handling: Synthetic Events Without the Mystery
React event handling without the mystery: synthetic events, delegation, handler props in JSX and clean patterns, minus the outdated event pooling myths.
6 min readReact Conditional and List Rendering Without Footguns
Explicit branches, stable list keys, and patterns that keep conditional UI logic readable when components grow beyond toy examples in production React apps.
9 min readPreview JSX on Windows Without Installing React or VS Code
JSX will not open as a webpage on double-click. When you only need to inspect or compare a component, a dedicated Windows preview tool can beat scaffolding a full React project.
3 min readPreview JSX without scaffolding a React project first
JSX is not double-clickable HTML; Preview Kit and similar tools separate generate-preview from full Node and React setup so experimental components stay disposable.
5 min readJSX is not HTML inside JavaScript — it is a compile step
Plain JavaScript cannot parse angle-bracket UI; JSX is HTML-like syntax rewritten by Babel or Vite into createElement calls before the browser runs it.
4 min readReact JSX Looks Like HTML — It Compiles to JavaScript
JSX looks like HTML but compiles to JavaScript: one root, closed tags, camelCase attributes and curly braces for expressions, the rules React beginners hit.
6 min readFrom JSX to Plain Objects: How React Elements, Components and Props Work
See what JSX compiles to, why components are just functions, and how props, children, defaults, spreading and slots follow from that one mental model.
9 min readReact Props for Beginners: Turning Static Components into Templates
Learn how React props pass data from parent to child components, how the props object works, which value types you can pass, and why one-way data flow helps.
7 min readReact Fragments and StrictMode: Leaner Markup and Earlier Bug Detection
Learn how React Fragments group elements without extra DOM wrappers and how StrictMode's development-only double invocation exposes impure renders and effects.
4 min read
About these articles
Request a 24h estimate
Need the same stack in a production operator layer? Send the brief — estimate within 24 hours.