GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → shakacode → React_on_rails

shakacode / React_on_rails

Licence: other
Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.

Programming Languages

ruby
36898 projects - #4 most used programming language
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
typescript
32286 projects

Labels

reactreduxwebpackreact-componentsruby-on-railsredux-sagaruby-gemnpm-moduleredux-storejavascript-apireact-railsheroku-deploymentrails-developmentrails-viewsshakacode

Projects that are alternatives of or similar to React on rails

superglue
A productive library for Classic Rails, React and Redux
Stars: ✭ 106 (-97.8%)
Mutual labels:  ruby-gem, redux-store, react-components, npm-module, react-rails, ruby-on-rails
delayed-web
A rails engine that provides a simple web interface for exposing the Delayed::Job queue.
Stars: ✭ 71 (-98.53%)
Mutual labels:  ruby-gem, ruby-on-rails
katapult
Kickstart Rails development!
Stars: ✭ 21 (-99.56%)
Mutual labels:  ruby-gem, ruby-on-rails
Hyper React
The project has moved to Hyperstack!!
Stars: ✭ 295 (-93.87%)
Mutual labels:  webpack, react-components
slack widgets
An abstraction of the JSON structure needed to create widgets in Slack message attachments
Stars: ✭ 14 (-99.71%)
Mutual labels:  ruby-gem, ruby-on-rails
arask
Automatic RAils taSKs.
Stars: ✭ 31 (-99.36%)
Mutual labels:  ruby-gem, ruby-on-rails
Kickoff tailwind
A rapid Rails 6 application template for personal use bundled with Tailwind CSS
Stars: ✭ 287 (-94.04%)
Mutual labels:  webpack, ruby-on-rails
has placeholder image
A Ruby gem for generating string based placeholder images in Rails.
Stars: ✭ 20 (-99.58%)
Mutual labels:  ruby-gem, ruby-on-rails
Loaf
Manages and displays breadcrumb trails in Rails app - lean & mean.
Stars: ✭ 360 (-92.52%)
Mutual labels:  ruby-on-rails, ruby-gem
Pattern
A collection of lightweight, standardized, rails-oriented patterns.
Stars: ✭ 377 (-92.17%)
Mutual labels:  ruby-on-rails, ruby-gem
Motion
Reactive frontend UI components for Rails in pure Ruby
Stars: ✭ 498 (-89.66%)
Mutual labels:  ruby-on-rails, ruby-gem
filtered
Filters ActiveRecord queries in a nice way
Stars: ✭ 28 (-99.42%)
Mutual labels:  ruby-gem, ruby-on-rails
rails cursor pagination
Add cursor pagination to your ActiveRecord backed application
Stars: ✭ 21 (-99.56%)
Mutual labels:  ruby-gem, ruby-on-rails
LocalSupport
A directory of local support services and volunteer opportunities
Stars: ✭ 60 (-98.75%)
Mutual labels:  ruby-on-rails, heroku-deployment
mobility-actiontext
Translate Rails Action Text rich text with Mobility.
Stars: ✭ 27 (-99.44%)
Mutual labels:  ruby-gem, ruby-on-rails
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (-94.08%)
Mutual labels:  webpack, redux-saga
Cloudinary gem
Cloudinary GEM for Ruby on Rails integration
Stars: ✭ 394 (-91.82%)
Mutual labels:  ruby-on-rails, ruby-gem
eight ball
Ruby gem for querying feature flags
Stars: ✭ 17 (-99.65%)
Mutual labels:  ruby-gem, ruby-on-rails
next-react-boilerplate
🔥 NextJS with additional tech feature like react-boilerplate. Demo >>
Stars: ✭ 20 (-99.58%)
Mutual labels:  redux-saga, redux-store
React Redux Boilerplate
Awesome React Redux Workflow Boilerplate with Webpack 4
Stars: ✭ 307 (-93.62%)
Mutual labels:  webpack, redux-saga
View All Similar Projects ➔

reactrails

License Build Status Gem Version npm version Code Climate Coverage Status

React and Webpack with Ruby on Rails

The current version of https://github.com/rails/webpacker will soon ship. While it won't be the default for Rails 7, it is not "deprecated." The core webpack configuration has become slimmer, allowing easier extension. If you want to get started today, use the master branch of shakacode/react_on_rails_tutorial_with_ssr_and_hmr_fast_refresh with gem "webpacker", "6.0.0.rc.6" Any updates to get to v6 from this point forward should be simple.

If you have time, please comment on Justin's final proposals for Webpacker v6: webpacker/pulls/justin808.

These are the docs for React on Rails 12. To see the version 11 docs, click here.

About

React on Rails integrates Rails with (server rendering of) Facebook's React front-end framework.

This project is maintained by the software consulting firm ShakaCode. We focus on Ruby on Rails applications with React front-ends, often using TypeScript or ReScript (ReasonML). We also build React Native apps and Gatsby sites. See our recent work for examples of what we do. ShakaCode.com (HiChee.com) is hiring developers that like working on open-source.

Are you interested in optimizing your webpack setup for React on Rails including code splitting with react-router and loadable-components with server-side rendering for SEO and hot-reloading for developers? We did this for Popmenu, lowering Heroku costs 20-25% while getting a 73% decrease in average response times. Check out React on Rails Pro.

For more information, feel free to contact Justin Gordon, [email protected], maintainer of React on Rails.

Documentation

See the documentation at shakacode.com/react-on-rails/docs.

Project Objective

To provide a high performance framework for integrating Ruby on Rails with React via the Webpacker gem, especially regarding React Server-Side Rendering for better SEO and improved performance.

Features and Why React on Rails?

Given that rails/webpacker gem already provides basic React integration, why would you use "React on Rails"?

  1. Easy passing of props directly from your Rails view to your React components rather than having your Rails view load and then make a separate request to your API.
  2. Tight integration with rails/webpacker.
  3. Server-Side Rendering (SSR), often used for SEO crawler indexing and UX performance, is not offered by rails/webpacker.
  4. Redux and React Router integration with server-side-rendering.
  5. Internationalization (I18n) and (localization)
  6. A supportive community. This web search shows how live public sites are using React on Rails.
  7. Reason ML Support.

See Rails/Webpacker React Integration Options for comparisons to other gems.

See the react-webpack-rails-tutorial for an example of a live implementation and code.

ShakaCode Forum Premium Content

Requires creating a free account.

Prerequisites

Ruby on Rails >=5 and rails/webpacker 4.2+.

Support

Contributing

Bug reports and pull requests are welcome. See Contributing to get started, and the list of help wanted issues.

Supporters

The following companies support this open source project, and ShakaCode uses their products! Justin writes React on Rails on RubyMine. We use Scout to monitor the live performance of HiChee.com, Rails AutoScale to scale the dynos of HiChee, and HoneyBadger to monitor application errors. We love BrowserStack to solve problems with oddball browsers. Status Hero keeps the team posted on daily progress; it's so much better than live standups.

RubyMine Scout Rails AutoScale BrowserStack HoneyBadger StatusHero

ShakaCode's favorite project tracking tool is Shortcut. If you want to try Shortcut and get 2 months free beyond the 14-day trial period, click here to use ShakaCode's referral code. We're participating in their awesome triple-sided referral program, which you can read about here. By using our referral code you'll be supporting ShakaCode and, thus, React on Rails!

Aloha and best wishes from Justin and the ShakaCode team!

Work with Us

ShakaCode is hiring passionate software engineers to work on our projects, including HiChee!

License

The gem is available as open source under the terms of the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].