[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7733":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":38,"readmeContent":39,"aiSummary":40,"trendingCount":16,"starSnapshotCount":16,"syncStatus":41,"lastSyncTime":42,"discoverSource":43},7733,"react_on_rails","shakacode\u002Freact_on_rails","shakacode","Integration of React + Webpack + Rails including server-side rendering of React, enabling a better developer experience and faster client performance.","https:\u002F\u002Fwww.shakacode.com\u002Freact-on-rails\u002Fdocs\u002F",null,"Ruby",5191,629,67,61,0,1,39.4,"Other",false,"main",true,[24,25,26,27,28,29,30,31,32,33,34,35,36,7,37],"heroku-deployment","javascript-api","npm-module","rails-development","rails-views","react","react-components","react-rails","redux","redux-saga","redux-store","ruby-gem","ruby-on-rails","webpack","2026-06-12 02:01:43","![reactrails](https:\u002F\u002Fuser-images.githubusercontent.com\u002F10421828\u002F79436261-52159b80-7fd9-11ea-994e-2a98dd43e540.png)\n\n\u003Cp align=\"center\">\n \u003Ca href=\"https:\u002F\u002Fshakacode.com\u002F\">\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F10421828\u002F79436256-517d0500-7fd9-11ea-9300-dfbc7c293f26.png\">\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fforum.shakacode.com\u002F\">\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F10421828\u002F79436266-53df5f00-7fd9-11ea-94b3-b985e1b05bdc.png\">\u003C\u002Fa>\n \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fshakacode\">\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F10421828\u002F79466109-cdd90d80-8004-11ea-88e5-25f9a9ddcf44.png\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n---\n\n[![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-mit-green.svg)](LICENSE.md)[![Gem Version](https:\u002F\u002Fbadge.fury.io\u002Frb\u002Freact_on_rails.svg)](https:\u002F\u002Fbadge.fury.io\u002Frb\u002Freact_on_rails) [![npm version](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Freact-on-rails.svg)](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Freact-on-rails) [![Gem Downloads](https:\u002F\u002Fimg.shields.io\u002Fgem\u002Fdt\u002Freact_on_rails)](https:\u002F\u002Frubygems.org\u002Fgems\u002Freact_on_rails)\n\n[![Integration Tests](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Fintegration-tests.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Fintegration-tests.yml)\n[![Gem Tests](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Fgem-tests.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Fgem-tests.yml)\n[![JS Tests](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Fpackage-js-tests.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Fpackage-js-tests.yml)\n[![Linting](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Flint-js-and-ruby.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Factions\u002Fworkflows\u002Flint-js-and-ruby.yml)\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Freactonrails.com\u002Fdocs\u002F\">Documentation\u003C\u002Fa> ·\n  \u003Ca href=\"https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fgetting-started\u002Fquick-start\u002F\">Quick Start\u003C\u002Fa> ·\n  \u003Ca href=\"https:\u002F\u002Freactonrails.com\u002Fexamples\u002F\">Examples\u003C\u002Fa> ·\n  \u003Ca href=\"https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fpro\u002F\">Pro\u003C\u002Fa>\n\u003C\u002Fp>\n\n## React on Rails\n\nReact on Rails integrates React into Ruby on Rails applications with Rails view\nhelpers, server-side rendering, hot reloading, and automatic bundle generation.\n\nThis README is intentionally brief. For setup guides, architecture, API\nreference, upgrades, examples, and Pro features, use the main documentation\nsite: [reactonrails.com\u002Fdocs](https:\u002F\u002Freactonrails.com\u002Fdocs\u002F).\n\nReact on Rails is maintained by [ShakaCode](https:\u002F\u002Fwww.shakacode.com).\n\n## Start Here\n\n- [Documentation home](https:\u002F\u002Freactonrails.com\u002Fdocs\u002F)\n- [Quick Start](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fgetting-started\u002Fquick-start\u002F)\n- [Create a new app](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fgetting-started\u002Fcreate-react-on-rails-app\u002F)\n- [Install into an existing Rails app](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fgetting-started\u002Fexisting-rails-app\u002F)\n- [Examples](https:\u002F\u002Freactonrails.com\u002Fexamples\u002F)\n- [Compare OSS and Pro](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fgetting-started\u002Foss-vs-pro\u002F)\n- [Compare with alternatives](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fgetting-started\u002Fcomparison-with-alternatives\u002F)\n- [Changelog](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Fblob\u002Fmain\u002FCHANGELOG.md)\n\nOlder docs and code: [v14](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Ftree\u002F14.0.0),\n[v13](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Ftree\u002F13.4.0),\n[v12](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Ftree\u002F12.6.0), and\n[v11](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Ftree\u002F11.3.0).\n\n## Install in 30 Seconds\n\nCreate a new React on Rails app:\n\n```bash\nnpx create-react-on-rails-app my-app\ncd my-app\nbin\u002Frails db:prepare\nbin\u002Fdev\n```\n\nAdd React on Rails to an existing Rails app:\n\n```bash\nbundle add react_on_rails --strict\nbundle exec rails generate react_on_rails:install\nbin\u002Fdev\n```\n\nRender a component in any Rails view:\n\n```erb\n\u003C%= react_component(\"HelloWorld\", props: { name: \"World\" }) %>\n```\n\nIf you hit setup issues, run:\n\n```bash\nbundle exec rake react_on_rails:doctor\n```\n\n## Why Teams Use React on Rails\n\n- Render React directly inside Rails views with `react_component`.\n- Use Rails-oriented SSR in OSS, or upgrade to Pro for Node-rendered SSR,\n  streaming SSR, and React Server Components.\n- Keep a single Rails app instead of splitting into a separate frontend and API.\n- Use modern bundling with Shakapacker, including Rspack support.\n\n## React on Rails Pro\n\nReact on Rails Pro adds higher-throughput SSR and advanced rendering features on\ntop of the open-source gem, including Node renderer support, streaming SSR,\nReact Server Components, fragment caching, and TanStack Router SSR.\n\nStart with the docs here:\n\n- [React on Rails Pro docs](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fpro\u002F)\n- [OSS vs Pro feature comparison](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fgetting-started\u002Foss-vs-pro\u002F)\n- [Upgrade to Pro](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fpro\u002Fupgrading-to-pro\u002F)\n\n## Requirements\n\n- Ruby on Rails >= 5\n- Shakapacker >= 6.0 (autobundling requires >= 7.0)\n- Ruby >= 3.0\n- Node.js >= 18\n- A JavaScript package manager such as pnpm, npm, yarn, or bun\n\n## Help\n\n- [Documentation](https:\u002F\u002Freactonrails.com\u002Fdocs\u002F) for the canonical guides and\n  API reference\n- [GitHub Discussions](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Fdiscussions)\n  for questions\n- [GitHub Issues](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Fissues) for bugs\n- [React + Rails Slack](https:\u002F\u002Freactrails.slack.com) for community chat\n  (existing members; non-members, please use GitHub Discussions above)\n- [Commercial support](mailto:react_on_rails@shakacode.com) for upgrades,\n  consulting, and Pro guidance\n- [AI Agent User Guide](AGENTS_USER_GUIDE.md) for AI coding assistants\n\n## Contributing\n\nBug reports and pull requests are welcome. Start with\n[CONTRIBUTING.md](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Ftree\u002Fmain\u002FCONTRIBUTING.md)\nand the\n[help wanted issues](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Flabels\u002Fcontributions%3A%20up%20for%20grabs%21).\n\n## License\n\nReact on Rails is available as open source under the terms of the\n[MIT License](https:\u002F\u002Fgithub.com\u002Fshakacode\u002Freact_on_rails\u002Ftree\u002Fmain\u002FLICENSE.md).\n\nSome advanced features require a React on Rails Pro subscription. See\n[React on Rails Pro](https:\u002F\u002Freactonrails.com\u002Fdocs\u002Fpro\u002F) for details.\n\n## Supporters\n\nThanks to the companies supporting ShakaCode's open-source work.\n\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fjb.gg\u002FOpenSource\">\n    \u003Cimg src=\"https:\u002F\u002Fresources.jetbrains.com\u002Fstorage\u002Fproducts\u002Fcompany\u002Fbrand\u002Flogos\u002Fjetbrains.png\" alt=\"JetBrains\" height=\"34\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fscoutapp.com\">\n    \u003Cpicture>\n      \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4244251\u002F184881147-0d077438-3978-40da-ace9-4f650d2efe2e.png\">\n      \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4244251\u002F184881152-9f2d8fba-88ac-4ba6-873b-22387f8711c5.png\">\n      \u003Cimg alt=\"Scout\" src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4244251\u002F184881152-9f2d8fba-88ac-4ba6-873b-22387f8711c5.png\" height=\"58\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fshakacode.controlplane.com\">\n    \u003Cpicture>\n      \u003Cimg alt=\"Control Plane\" src=\"https:\u002F\u002Fgithub.com\u002Fshakacode\u002F.github\u002Fassets\u002F20628911\u002F90babd87-62c4-4de3-baa4-3d78ef4bec25\" height=\"44\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.browserstack.com\">\n    \u003Cpicture>\n      \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4244251\u002F184881122-407dcc29-df78-4b20-a9ad-f597b56f6cdb.png\">\n      \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4244251\u002F184881129-e1edf4b7-3ae1-4ea8-9e6d-3595cf01609e.png\">\n      \u003Cimg alt=\"BrowserStack\" src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4244251\u002F184881129-e1edf4b7-3ae1-4ea8-9e6d-3595cf01609e.png\" height=\"44\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.honeybadger.io\">\n    \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F4244251\u002F184881133-79ee9c3c-8165-4852-958e-31687b9536f4.png\" alt=\"Honeybadger\" height=\"44\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fcoderabbit.ai\">\n    \u003Cpicture>\n      \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fvictorious-bubble-f69a016683.media.strapiapp.com\u002FWhite_Typemark_7229870ac5.svg\">\n      \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fvictorious-bubble-f69a016683.media.strapiapp.com\u002FOrange_Typemark_7958cfa790.svg\">\n      \u003Cimg alt=\"CodeRabbit\" src=\"https:\u002F\u002Fvictorious-bubble-f69a016683.media.strapiapp.com\u002FOrange_Typemark_7958cfa790.svg\" height=\"34\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n","React on Rails 是一个将 React 与 Ruby on Rails 应用集成的项目，支持服务器端渲染、热重载和自动包生成。该项目通过提供 Rails 视图助手等工具，简化了在 Rails 项目中使用 React 的过程，提升了开发者体验并加快了客户端性能。它特别适用于需要结合 React 和 Rails 技术栈来构建现代化 Web 应用的场景，尤其是在追求高性能和良好开发体验的情况下。此外，React on Rails 还支持 Redux 和 Webpack 等技术，使得整个前端开发流程更加高效。",2,"2026-06-11 03:14:05","top_language"]