Build a Code-Based Video: Programmatic Video Production with Remotion
A step-by-step guide to creating professional demo and explainer videos entirely in code using Remotion, React, and AI-assisted development. …
React
Component-Driven Development
Component-driven development is the practice of building UIs from isolated, reusable components, formalized by Brad Frost's Atomic Design …
Emotion and CSS-in-JS
The CSS-in-JS paradigm introduced by Christopher Chedeau (Vjeux) in 2014 and the Emotion library created by Kye Hohenberger in 2017 that …
Material UI (MUI)
The open-source React component library implementing Google's Material Design system, one of the most widely adopted UI frameworks in the …
Next.js
The React framework created by Vercel (formerly Zeit) in 2016 that popularized server-side rendering, file-based routing, and hybrid …
React
The declarative, component-based JavaScript UI library created at Facebook in 2013 that introduced the virtual DOM and fundamentally changed …
ReAct Pattern - Reasoning and Acting in AI Agents
The ReAct pattern interleaves chain-of-thought reasoning with tool actions, enabling AI agents to think before they act and adjust based on …
React Router
The standard client-side routing library for React, created by Ryan Florence and Michael Jackson in 2014, which evolved from Ember-inspired …
React vs Next.js for AI-Powered Applications
Comparing React and Next.js for building AI-powered web applications, covering streaming, server components, API routes, and AI SDK …
Remix
The full-stack React framework created by Ryan Florence and Michael Jackson in 2021, built on web standards and the loader/action pattern …
Remotion
Remotion is a React framework for creating videos programmatically, treating video as code and rendering MP4 files from JSX components using …
Server-Side Rendering (SSR)
The web rendering paradigm where HTML is generated on the server for each request, from its origins as the default web model through its …
Virtual DOM
The Virtual DOM is an in-memory representation of the real DOM introduced by React in 2013, enabling efficient UI updates through a diffing …
Remotion - Programmatic Video Creation with React
Using Remotion to generate videos programmatically from React components, with Lambda rendering for scalable AI-driven video production.