📄️ Bundle Caching
Pro Feature — Available with React on Rails Pro.
📄️ SSR Caching: Prerender Caching and Fragment Caching
Pro Feature — Available with React on Rails Pro.
📄️ Code Splitting with Loadable Components
Pro Feature — Available with React on Rails Pro.
📄️ HMR, Dev Server Modes, and Testing
Run bin/dev --help for all development server modes and options.
📄️ Extensible bin/dev Precompile Pattern
This guide describes an alternative approach to handling precompile tasks that provides more flexibility than the default precompile_hook mechanism. This pattern is especially useful for projects with custom build requirements.
📄️ HMR and Hot Reloading with the webpack-dev-server
[!WARNING]
📄️ How to conditionally render server side based on the device type
In general, we want to use CSS to do mobile responsive layouts.
📄️ How to use different versions of a file for client and server rendering
[!NOTE]
📄️ Internationalization
You can use Rails internationalization (i18n) in your client code.
📄️ Configuring Images and Assets with Webpack
A leading slash is necessary on the name option for file-loader/url-loader and the publicPath option for output.
🗃️ node-renderer
6 items
📄️ Using Process Managers with React on Rails
React on Rails requires running multiple processes simultaneously during development:
📄️ Integrating React on Rails with Rails Engines
In your engine
📄️ Shakapacker (Rails/Webpacker) React Integration Options
[!WARNING]
📄️ React 19 Native Metadata: Replacing react-helmet and react_component_hash
React 19 introduces built-in support for rendering `, , and tags anywhere in your component tree. React automatically hoists them into the document . This eliminates the need for react-helmet and, for metadata use cases, reactcomponenthash`.
📄️ Communication between React Components and Redux Reducers
Communication Between Components
📄️ Using React Helmet to build <head> content
React 19 Alternative: If you are using React 19, consider using React 19 Native Metadata instead of react-helmet. Native metadata tags (`, , `) are built into React 19 and work with streaming SSR and React Server Components — no extra dependencies or render-functions needed.
📄️ Using React Router
React on Rails supports React Router for client-side routing. This guide shows how to integrate React Router into your React on Rails application.
📄️ Streaming Server Rendering with React 18
Pro Feature — SSR works in the OSS version via mini_racer.
📄️ Using TanStack Router
TanStack Router is a fully type-safe React router with built-in data loading, search param validation, and first-class TypeScript support. It's a strong choice when you want end-to-end type safety from your route definitions through to your components and search params.
📄️ Testing Configuration
This guide explains how to configure React on Rails for optimal testing with RSpec, Minitest, or other test frameworks.
📄️ Turbolinks and Turbo Support
React on Rails Updated to support Turbo, August 2024