Best of Theo - t3․gg — June 2024

  1. 1
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    I can’t believe they built this in React

    The post explores the creation of an interactive 3D badge for the Vercel Ship 2024 event using React 3 Fiber, an advanced tool for rendering 3D elements in React. It breaks down the tech stack, including Blender for model preparation, React, React 3 Fiber, and React 3 Rapier for physics. The guide covers setting up a 3D environment, integrating physics, and handling user interactions, offering readers a comprehensive look into developing interactive 3D components on the web.

  2. 2
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    This GitHub CSS Exploit Is WILD

    Exploits with CSS on GitHub were found, disclosed, and patched. The CSS injection allowed for the rendering of images and executing actions on the site.

  3. 3
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    How React Query Won

    React Query is an async state manager that simplifies data fetching and server state management in React applications. It addresses the problems of repetitive code, data duplication, and lack of predictability in fetching data. With React Query, developers can easily fetch data, manage loading and error states, and sync server state with client state. It eliminates the need for complex state machines and provides a simple, intuitive solution for handling async operations in React.

  4. 4
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    Microsoft Regrets Using React (For Edge)

    Microsoft Edge was using React for various UI components, but they have made improvements to make the UI more responsive by introducing a new markup-first architecture called Web UI 2.0. They are aiming for smaller code bundles and relying on web components for performance optimization. They also plan to open-source some of their packages. Microsoft's goal is to improve the web platform and encourage other websites to adopt similar approaches.

  5. 5
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    The Biggest TypeScript Update In Years

    TypeScript 5.5 introduces several new features, including support for inferred type predicates, isolated declarations for configuration files, faster control flow analysis, and improved editor and watch mode reliability. It also includes performance and size optimizations, easier API consumption from ECMAScript modules, and a new transpile API for generating declaration files. The release is scheduled for the 18th of November.

  6. 6
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    Why I Used To Hate Next.js (And Why I Love It Now)

    The author shares their journey from disliking to loving Next.js, originally using it alongside Vercel functions to manage backend logic without backend deployment headaches. They describe how Next.js streamlined their development process by collocating backend and frontend code, reducing build times, and enhancing performance. Switching to TRPC further simplified their development by making API calls type-safe and easier to manage. The introduction of async server components in Next.js significantly improved the author’s experience, cementing Next.js as a key framework for their projects.

See all Theo - t3․gg archives