Best of Theo - t3․gg — January 2025

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

    My Biggest Tutorial Ever (Build A FULL Google Drive Clone with React, Next, TypeScript and more)

    In this extensive tutorial, the author shares a comprehensive guide on building a full Google Drive clone from scratch using React, Next.js, TypeScript, and other modern tools. By diving into real-world development scenarios, including debugging and using AI tools, the tutorial aims to provide a holistic learning experience. Key points include setting up the project, using various tools and technologies, deploying early, and ensuring smooth development workflows with effective debugging and deployment strategies. The tutorial is made possible by the support of several sponsors and is designed to be accessible to learners for free.

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

    Abort Controller is criminally underrated (every react dev should use this)

    Abort Controller in JavaScript is a powerful tool for canceling asynchronous operations like API requests, event listeners, and streams. This feature is particularly useful for React developers, simplifying the management of useEffect cleanup functions, event listeners, and fetch requests. The Abort Controller can enhance code clarity and reduce bugs by providing a consistent way to abort operations through the controller's signal and abort methods.

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

    I'm Finally Moving On (I have a new browser)

    The author shares their frustrating experiences with the Arc browser due to its performance issues and lack of updates. They explore and evaluate various browsers such as Chrome, Brave, Edge, Vivaldi, and Zen. The author ultimately decides to switch to the open-source Zen browser, praising its customizability, user-focused development, and supportive community. They appreciate Zen's continuous improvement and responsiveness to user feedback, unlike the more established but less user-attentive browsers.

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

    SSR, ISR, PPR? Breaking Down JS Rendering For 2025

    The post dives deep into different methods of rendering web applications: Server Side Rendering (SSR), Incremental Static Regeneration (ISR), and Purely Pre-Rendered (PPR). It highlights the evolution of these techniques over time, their benefits, drawbacks, and how they impact frameworks like Next.js, React, and others. The post uses diagrams and real-world examples to explain the complexities and optimizations in web rendering strategies, providing a comprehensive understanding of current and future trends in web development.

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

    Netflix Removed React?

    Netflix removed React from their website's client-side bundle, making it 50% faster by server-side rendering the landing page. This approach retains React's dynamic capabilities without sending JavaScript to the client. The post discusses the complexities and benefits of this method, highlighting advancements like server components that further optimize this process.

See all Theo - t3․gg archives