Creating videos in React with Remotion, ReacType 5.0, and the top 8 React meetup videos of 2020
Luke Millar writes about how Projector -- his company's hybrid WebGL/React design platform application -- allows anyone (regardless of design background) to more creatively use modern media that's fast and expressive when creating visuals.
In this article, Caleb Williams walks through how to integrate a React application with Web Components to create a (nearly) seamless developer experience. It looks at React best practices and its limitations and demonstrates how to create generic wrappers and custom JSX pragmas.
This brief tutorial from Cassidy Williams walks you through how to build a custom React hook for media queries and why it can (in many cases) help your apps to be more responsive than doing traditional media queries in CSS.
In this tutorial, Mateo walks through everything that goes into rendering in React, including the VirtualDOM, rendering itself, reconciliation, and committing.
React Email Editor is a drag-n-drop email template builder component that makes it easy to add a solid email editor to your React apps. Designs are saved in JSON and can be exported as HTML.
Remotion is an exciting new React library and renderer for creating videos and motion graphics with code. Created by Jonny Burger.
A visual prototyping tool for React developers with comprehensive type checking with TypeScript and flexible exporting in classic React, Next.js, or Gatsby.js.
This amazing 18-minute video from our very own Alex Anderson walks you through all of the major features in the new Remotion library (mentioned above), which lets you create videos and motion graphics with code. He also demonstrates how you can use Remotion to re-create the opening segment that we use in all of our ui.dev videos.
A curated list of Meetup Feed's top 8 React meetup videos of last year. Topics include how to style React components, how to use TypeScript with React, adding persistence to React Apps by leveraging serverless functions, and more.