How Hopin is Moving 10x Faster - Microfrontends at Scale
Discover how Hopin scales React architecture using microfrontends, enabling rapid growth and interoperability across multiple React trees and reactive variables for enhanced development speed.
A Picture Worth a Thousand Programmes
Explore alternative visual representations of React beyond linear text, uncovering hidden information and expanding understanding through metaphorical comparisons and visual programming concepts.
Let's Talk About Web Components
Exploring Web Components: their advantages, challenges, and integration with frameworks. Learn about reusable components with native browser support and cross-framework compatibility.
Cracking the Concurrent Mode
Explore concurrent mode in React 18, its complexities, and implementation challenges. Learn about time slicing, background rendering, and transitions for better UI performance.
Using React to Build Performant Game UIs in Minecraft
Explore how Mojang Studios leveraged React to create high-performance user interfaces for Minecraft, overcoming challenges and developing a solution for declarative UI without virtual DOM.
From Blender to the Web - the Journey of a 3D Model
Explore the journey of bringing 3D models from Blender to the web, including animations, accessibility, and optimization. Learn to create immersive web experiences with 3D content.
React Query and Auth - Who is Responsible for What?
Explore the interplay between React Query and authentication, learning how to manage server state and user data effectively using custom hooks for seamless data flow and profile updates.
Taking Component Driven One Step Further
Explore techniques for building truly isolated, composable, and reusable React components to enhance scalability and modularity across applications.
SetState, We Need to Talk!
Explore finite state machines for managing React component state, eliminating bugs, and structuring development. Learn through practical examples and build your own state machine.
How to Do Good Without Doing Anything
Learn to automate accessibility testing in React apps, saving time while ensuring inclusive design through tools, code standards, and streamlined development processes.
Killing BFFs with GraphQL and Next.js
Learn to create a data layer between frontend and backend using GraphQL in Next.js, simplifying complex tasks and keeping your frontend application clean and efficient.
On the Origin of React
Explore the evolution of React components from 2013 to present, examining major milestones like Fiber and Concurrent that shaped modern component development.
Components, Patterns and Sh*t It's Hard to Deal with
Explore challenges in reusing and adapting UI components, discussing strategies for maintaining modularity and flexibility in pattern libraries and component-based architectures.
Advanced Patterns for API Management in Large-Scale React Applications
Discover advanced patterns for managing APIs in large React apps, including async operations, request cancellation, and flexible state handling for improved maintainability and scalability.
Building Cross-Platform Component Libraries for Web and Native with React
Learn to create shared React component libraries for web and mobile platforms, saving time and ensuring consistent look and feel across different applications.
React Server Components - Under the Hood
Explore React Server Components' inner workings, including basic concepts, client-server communication, data building, server-side operations, and potential future implications for React projects.
End-to-End i18n
Comprehensive guide to implementing internationalization in React applications, covering string extraction, translation management, and avoiding common pitfalls for seamless multilingual support.
Vite - The Next Generation Frontend Tooling
Explore the future of web app development with Vite and esbuild. Learn how these tools can significantly enhance your development workflow and speed up your projects.
The Legendary Fountain of Truth - Componentize Your Documentation
Explore best practices for creating and maintaining effective documentation, including componentization techniques like MDX, to ensure your project's documentation stays up-to-date and user-friendly.
Using Next.JS and Redux for Epic Noscript Web Apps
Explore building websites that function without JavaScript using Next.js and Redux, combining modern frontend and backend technologies with live coding demonstrations.
From GraphQL Zero to GraphQL Hero with RedwoodJS
Discover how RedwoodJS simplifies GraphQL server setup, enhancing code organization and maintainability. Learn to create a robust API quickly and leverage directives for cleaner, more efficient GraphQL development.