Sharing Code Between React and React Native - What Not to Share
Explores code sharing between React and React Native, highlighting what should remain separate based on real-world examples from MADE.COM's web and mobile app migration.
An SVG's Tale - See the Superpowers of React and SVG
Discover the creative potential of combining SVG and React to enhance your web applications. Learn innovative techniques for leveraging SVG's capabilities in React projects.
Practical Performance for React - Native
Explore common React patterns' impact on performance, learn to avoid adverse effects, and optimize your app's speed in UI, state management, and React Native-specific areas.
Don't Build That App
Explore building React apps without a build step, leveraging scalable architecture using platform features. Learn to develop without node_modules, webpack, or babel for streamlined development.
Turning an Application UI into an API
Explore Twilio's approach to creating a programmable UI platform using React, offering out-of-the-box functionality and customization options for enhanced user experience and performance.
Hooks in Action - Implementing a 1KB React Router
Learn to build a lightweight React router using hooks, exploring advanced patterns and gaining a deeper understanding of useState, useRef, and useImperativeHandle in this step-by-step tutorial.
The Story of CodeSandbox
Discover the journey of CodeSandbox, from its inception to becoming a powerful online code editor. Learn about its features, challenges, and future plans.
Testing Is All About Principles
Explore key principles for writing effective and confidence-boosting tests in React applications, focusing on programming fundamentals rather than specific tools or libraries.
Using Monorepos to Supercharge Development
Explore monorepos for accelerated component library development, covering benefits, pitfalls, and tools like Yarn Workspaces, Lerna, and Storybook. Learn to leverage monorepos for efficient, scalable team delivery.
Performance Anxiety With React
Discover techniques to track and boost React app speed, including shouldComponentUpdate, React.Lazy, Suspense, Hooks, React.memo, and Profiler. Learn to optimize performance effectively.
React Context API as Your Next State Engine
Explore React Context API as a state management alternative, its benefits for small to medium applications, and real-world adoption experiences in both new and existing projects.
A More Readable React Codebase Using TypeScript, GraphQL, and Hooks
Explore strategies to enhance React codebase readability using TypeScript, GraphQL, and Hooks, improving developer productivity and project robustness through better documentation and abstraction.
React with Hooks from Scratch - Build a Hooks Clone in Just 29 Lines of Readable JS
Build a React Hooks clone in 29 lines of JavaScript, exploring closures and creating a mental model for Custom Hooks and Rules of Hooks through hands-on coding.
Visual Feature Engineering for Machine Learning with React
Explore visual feature engineering for machine learning using React and TensorFlow.js to predict soccer match outcomes, with real-time model visualization and training insights.
Build Your Own Native Module
Learn to create custom Native Modules for React Native, accessing platform APIs and integrating existing code. Explore real-world examples of high-performance extensions and advanced functionality.
Component Based Navigation in React Native
Explore the latest version of React Navigation, focusing on navigation and routing in React and React Native apps. Learn about new APIs, TypeScript support, and native extensions.
Modern React Apps with Hooks, Suspense, Context, and Firebase
Explore Firebase integration in React apps using Hooks, Suspense, and Context. Learn to implement features like A/B testing, live updates, and faster loading with ReactFire library.
How Many Ways to Say I'm Sorry, Error Handling in React
Explore modern error handling techniques in React, learn mental models for UI error management, and see how effective error handling can reduce customer support workload.
UI as API
Explore building flexible, programmable UI platforms using React, allowing out-of-the-box functionality with extensive customization options. Learn from Twilio's approach to creating adaptable user interfaces.
Data Visualizations and Internationalization - Make Apps for a Global Audience
Learn techniques for customizing React data visualizations for international audiences, covering formatting, design, coding, testing, and localization considerations.
Performance Anxiety with React - Track and Increase Speed of Your Apps
Learn techniques to track and improve React app performance, including virtual DOM, reconciliation, shallow comparison, Memo, and React Hooks, with practical examples and insights from an experienced developer.