Tag

Remix

1 views collected around this technical thread.

Ctrip Technology
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.

DynamicImportModulePreloadRemix
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
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 SerializationReactRemix
0 likes · 26 min read
Serializing Non‑Serializable Data in Server‑Side Rendering: Remix and Turbo‑Stream Approaches
IT Services Circle
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
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.

Build ToolsMDXRemix
0 likes · 16 min read
Using Vite with Remix: Installation, Configuration, and Feature Guide
Ctrip Technology
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.jsReactRemix
0 likes · 34 min read
Streaming Rendering with React 18: Next.js, Remix, and Custom SSR Implementations
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 27, 2022 · Frontend Development

Top 10 Must-Read Front-End Articles to Boost Your Skills

This roundup highlights ten essential front‑end articles covering performance metrics, refactoring principles, React Hooks, Markdown, modularization, H5 optimization, mini‑programs, async/await debates, Nohost open‑source insights, and Remix pre‑loading techniques, offering valuable knowledge for developers.

Async/AwaitPerformanceReact
0 likes · 4 min read
Top 10 Must-Read Front-End Articles to Boost Your Skills
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 20, 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.

Remixfrontendlink
0 likes · 10 min read
How Remix Implements Smart Prefetching to Boost Frontend Performance
Taobao Frontend Technology
Taobao Frontend Technology
Nov 29, 2021 · Frontend Development

Vercel’s $150M Funding, Remix Open‑Source, and Key Front‑End Tools Explained

From Vercel’s $150 million Series D round cementing its role as a leading web‑dev platform, to Remix’s open‑source launch as a strong Next.js competitor, plus a practical guide to using the concurrently CLI for parallel Node processes and an introduction to TypeScript’s never type, this roundup covers the latest front‑end developments.

ConcurrentlyFrontend DevelopmentRemix
0 likes · 4 min read
Vercel’s $150M Funding, Remix Open‑Source, and Key Front‑End Tools Explained