remix | BestHub

Ctrip Technology

Dec 12, 2024 · Frontend Development

Upgrading Remix from 1.0 to 2.0: Solving Vite DynamicImport Preload Issues and Custom Optimizations

This article details the Ctrip Travel front‑end team's experience upgrading their framework from Remix 1.0 to Remix 2.0, focusing on Vite's DynamicImport optimization that caused 404 resource loads, and explains the mechanisms, code transformations, and custom fixes they implemented to ensure proper modulepreload and CDN host injection.

DynamicImportModulePreloadfrontend

0 likes · 34 min read

Upgrading Remix from 1.0 to 2.0: Solving Vite DynamicImport Preload Issues and Custom Optimizations

Rare Earth Juejin Tech Community

Jun 26, 2024 · Frontend Development

Serializing Non‑Serializable Data in Server‑Side Rendering: Remix and Turbo‑Stream Approaches

This article examines how server‑side rendering can serialize normally non‑serializable data such as Promises, Dates, RegExp, and BigInt, comparing Remix’s defer‑based approach with Turbo‑Stream’s encode/decode method, and discusses their mechanisms, benefits, and challenges.

Data SerializationReactSSR

0 likes · 26 min read

Serializing Non‑Serializable Data in Server‑Side Rendering: Remix and Turbo‑Stream Approaches

IT Services Circle

May 19, 2024 · Frontend Development

Highlights from React Conf 2024: React 19 New Features, React Compiler, and Remix Integration

React Conf 2024 showcased the upcoming React 19 beta with new Actions hooks, server components, ref-as-prop, metadata support, resource preloading, and the experimental React Compiler, while also announcing the merger of Remix into React Router v7, offering developers a comprehensive overview of the latest frontend innovations.

ReactReact 19React Compiler

0 likes · 8 min read

Highlights from React Conf 2024: React 19 New Features, React Compiler, and Remix Integration

Sohu Tech Products

Oct 25, 2023 · Frontend Development

Using Vite with Remix: Installation, Configuration, and Feature Guide

This guide explains how to add the experimental Vite bundler to a Remix project—installing Vite, creating a vite.config.ts with the Remix plugin, configuring TypeScript, path aliases, CSS imports, Tailwind, vanilla‑extract, MDX, and noting differences such as LiveReload placement, Fast Refresh constraints, and current feature support across environments.

JavaScriptMDXbuild-tools

0 likes · 16 min read

Using Vite with Remix: Installation, Configuration, and Feature Guide

Ctrip Technology

Jul 13, 2023 · Frontend Development

Streaming Rendering with React 18: Next.js, Remix, and Custom SSR Implementations

This article explains the concept of streaming (incremental) rendering introduced in React 18, demonstrates how to apply it in Next.js and Remix using server components and Suspense, and walks through a custom SSR setup that leverages renderToPipeableStream and the upcoming use hook for seamless data fetching.

Next.jsReactSSR

0 likes · 34 min read

Streaming Rendering with React 18: Next.js, Remix, and Custom SSR Implementations

Tencent IMWeb Frontend Team

Jan 27, 2022 · Frontend Development

How Remix Implements Smart Prefetching to Boost Frontend Performance

This article explains how Remix, a full‑stack web framework, uses Link component state and the PrefetchPageLinks component to preload data, modules, and CSS, reducing loading spinners and improving user experience through parallel server‑side loading and nested route optimization.

Web Performancefrontendlink

0 likes · 10 min read