Visualising Front-End Performance Bottlenecks
Explore techniques for measuring, analyzing, and fixing slow JavaScript code using browser APIs to improve web performance on various devices, including smart TVs.
Let the Main Thread Breathe!
Explore off-main-thread architecture using WebWorker, Worklet, and WebAssembly to boost web app performance and user experience, ensuring smooth operation across devices.
The Language of Shapes - Understanding the SVG Path
Explore SVG paths, their manipulation with React, and interactive shape creation. Learn to read and modify path data for dynamic, accessible, and styleable graphics without relying on design software.
The Psychological Effects of useEffect
Explore the intricacies of React's useEffect hook, its psychological impact, and advanced techniques for effective implementation in your projects.
Making Your React Apps Perform At Scale
Learn techniques to optimize large-scale React apps, including performance analysis, state management, and async handling for faster data loading and improved component efficiency.
Building a Highly Scalable Cloud API Gateway
Learn to build scalable GraphQL backends connecting multiple databases, serverless functions, and microservices using TypeScript, AppSync, and AWS CDK. Explore real-time applications, security, and authentication at scale.
Build Your GraphQL APIs Faster with Nexus Schema
Learn to build code-first, type-safe GraphQL APIs using Nexus Schema. Discover how this library enhances development speed and reduces data inconsistencies in full-stack applications.
Let's Talk GraphQL With Your Services
Explore transforming existing services to GraphQL using Abstract Syntax Trees and TypeScript. Learn data models, thinking patterns, and best practices for seamless integration.
Complex React Migration - New Solutions to Old Codebase Problems
Discover innovative solutions for migrating complex legacy codebases to React, focusing on process and architecture changes that reduce complexity and improve workflow efficiency.
Scaling React Development with Nx
Learn to scale React development using Nx, focusing on modularizing your app, avoiding monolithic codebases, and speeding up CI builds. Practical tips for improving productivity as your team grows.
Remote Rendering with Web Workers
Discover Argo, Shopify's extensibility framework using web workers for sandboxed execution and remote-ui for native UI rendering across platforms, enhancing app development.
Creating Videos Programmatically in React
Learn to create MP4 videos using React code with Remotion library. Explore principles, philosophy, and hands-on coding for programmatic motion graphics and server-side rendering.
Scaling Components Across Multiple Frameworks
Learn how Stencil enables creating universal component libraries for multiple frameworks, allowing design teams to maintain a single codebase while generating framework-specific bindings for React, Angular, and Vue.
Building Interactive React Applications
Learn to create engaging React UIs with direct manipulation, subtle animations, and accessibility considerations. Discover practical lessons for building interactive applications that enhance user experience.
Building Accessible React Components
Learn to build inclusive React components by addressing accessibility challenges, implementing WCAG guidelines, and using tools to enhance web app accessibility.
Platform-Powered - Building a Frontend Platform to Scale
Discover how Lyft built a scalable frontend platform using Next.js, addressing challenges in microservices and maintenance while boosting engineer productivity and happiness.
XState - The Visual Future of State Management
Explore state modeling with state machines and statecharts to enhance React app development, and preview upcoming visual tools for advanced state management.
Next.js - The Hybrid Architecture for Web Developer
Explore Next.js hybrid approach combining static generation and server-side rendering for efficient React development, enabling automatic server-rendering, code-splitting, and hot-reloading without complex setups.
Building Dapps with React
Learn to build decentralized apps with React, exploring the ecosystem, tech stack, and mental models needed for this paradigm shift in app development.
Putting the Graph in GraphQL with the Neo4j GraphQL Library
Explore building efficient GraphQL APIs with Neo4j GraphQL library, enabling native graph database integration and simplified development without writing resolvers.
Living on the Edge
Explore React 18's new server-side rendering APIs and their impact on performance when deployed on edge networking platforms. Gain insights into data fetching, styling, and future React ecosystem trends.