Contentlayer is a new system that offers to manage the glue between your content (Markdown, CMS, Notion…) and your code. You define a schema, and it will validate/compile your content and efficiently generate a
.contentlayer
folder with TypesScript types, and the content ready to be imported directly into your app. This seems to improve build performance significantly (up to x2 even even with cold caches). The beta has an official
Next.js integration reduces the amount of glue code. I recommend watching the intro
intro video (5min) to understand how it works in a Next.js context. A new project by
Johannes Schickling, also creator of
Prisma, also working on the glue between code and DB.
Remotion allows you to create videos programmatically, with React (web) code and data/props. After 10 months of development, v3.0 has just been released (
trailer) and the main new feature is the new support for serverless rendering on
AWS Lambda, which allows you to scale, reduce costs, and produce videos much faster!
Interactive article to help fully understand the stale closure problem in React. If you use memoization and do not respect the ESLint exhaustive-deps
rule, you risk introducing this type of problem in your codebase, and it is not always easy to debug!
An interesting feedback on rendering a React app in several windows via portals. There are advantages (a single state to control all the windows) but also some challenges to solve.
Extras: