From the OpenReplay Blog
What's New in Vite 7: Rust, Baseline, and Beyond
Vite 7 introduces Rolldown, a Rust-based bundler, baseline browser targeting, and ESM-first Node.js support for faster, more efficient production builds.
How to Run TypeScript Natively in Node.js
Run TypeScript natively in Node.js without transpilation tools using type stripping, supported syntax, tsconfig configuration, and ts-node migration steps.
5 AI Tools That Every Frontend Developer Should Try
Five AI tools including Cursor, v0 by Vercel, Bolt.new, and Applitools can improve frontend workflows across coding, prototyping, and visual testing.
Introduction to WebGL for Front-End Developers
Start rendering WebGL graphics in the browser using GPU acceleration, shaders, and libraries like Three.js and Babylon.js to build visual web experiences.
A Simple Introduction to the View Transitions API in the Browser
The View Transitions API creates smooth page animations without heavy libraries. Apply it to SPAs and MPAs using CSS and minimal JavaScript.
How to Integrate ShadCN with Next.js
Integrate Shadcn UI into a Next.js project with Tailwind CSS, dark mode via next-themes, and React 19 compatibility using step-by-step CLI setup.
Improving Tap Targets for Better Mobile UX
Improve mobile tap targets using Apple HIG, Material Design dp guidelines, thumb zone ergonomics, spacing buffers, and rage tap analytics to reduce mis-taps.
Tips and Tricks for Debugging Service Workers
Fix service worker registration errors, cache confusion, and update delays using DevTools panels across Chrome, Firefox, and Safari with proven techniques.
Preventing XSS in User‑Generated Content
Stop XSS attacks in user content by applying allowlist validation, output encoding, and DOMPurify across React, Vue, and Angular applications.
Using TanStack Query for Smarter Data Fetching in React
TanStack Query handles caching, retries, and query invalidation in React apps, replacing manual state logic with a declarative data fetching approach.
A Beginner's Guide to Local-First Software Development
Build offline-ready apps with local-first principles, RxDB, Yjs, and sync strategies while grasping conflict resolution and data ownership tradeoffs.
React & TypeScript: Common Patterns for Cleaner Code
Type React props, handle events with refs, and apply utility types using practical TypeScript patterns that make components safer and easier to maintain.
How to Deploy OpenAI's GPT-OSS on Your Own Hardware
Deploy GPT-OSS on personal hardware using Ollama, configure model parameters, and connect applications through the OpenAI-compatible API endpoint.
5 Techniques for Improving Front-End Performance
Five proven techniques cover image optimization, JavaScript payload reduction, caching, critical CSS, and lazy loading to reduce page load times.
Building Flexible Web Components with Slots
Build flexible web components using slots, shadow DOM, and named slot patterns to pass rich structured content into reusable, maintainable UI card components.
Essential VS Code Extensions for Frontend Developers
Boost your frontend workflow with VS Code extensions covering Prettier, ESLint, GitLens, Tailwind CSS IntelliSense, and React snippets to catch errors faster.
Getting Started with JavaScript Iterator Helpers
JavaScript iterator helpers bring lazy evaluation to large datasets. Process infinite sequences and paginated API streams without crashing from memory overload.
Using the CSS if() Function for Conditional Styling
The CSS if() function brings inline conditional logic to property values. See syntax, query types, and practical theming examples for Chrome 137 and Edge 137.
llms.txt: A New Way for AI to Read Your Site
The llms.txt standard helps AI crawlers like ChatGPT and Claude prioritize site content, differing from robots.txt and sitemap.xml in structure and purpose.
Why Developers Are Switching to shadcn/ui in React Projects
Compare shadcn/ui React components with Material-UI and Chakra UI, and see how its CLI scaffolding, Radix UI primitives, and Tailwind CSS improve customization.
Catch-All Routes for 404 Handling in React Router
Implement React Router v6 catch-all wildcard routes to handle unmatched URLs, display custom 404 pages, and redirect users with Navigate components.
Cancelling In‑Flight Fetch Requests with AbortController
Cancel fetch requests using AbortController and AbortSignal to handle search inputs, component unmounting, and timeouts while avoiding stale data in your UI.
How to Query the DOM in React Testing Library
Compare getBy, findBy, and queryBy methods in React Testing Library to write reliable component tests for synchronous, async, and conditional DOM elements.
Sending Background Data with the Beacon API
Send background data reliably using the Beacon API, navigator.sendBeacon(), and batching strategies to track analytics without blocking page navigation.