ShakaCode blog - react on rails

React on Rails: File-System-Based Automated Bundle Generation

Automate bundle generation in Rails app using React on Rails.

React on Rails: How to use different versions of a file for client and server rendering

Let's explore the three ways to use different code for server vs. client rendering.

Easy React Server Rendering with rails/webpacker v4 and React on Rails

I’m excited about the v4 update of Webpacker. This release brings several big updates from the Webpack ecosystem, notably support for Webpack v4 and Babel 7.

HVMN’s 90% Reduction in Server Response Time from React on Rails Pro

Since HVMN installed React on Rails Pro, they’ve seen a roughly 90% improvement in server-response times. The gain came from a combination of intelligent caching along with a much more efficient…

React on Rails v9 completes the update to using Webpacker for publishing assets to Rails views, rather than the legacy “asset pipeline.”

Front-End Sadness to Happiness: The React on Rails Story at GORUCO 2017

Here is a short recap of my odyssey around 4 major US cities giving talks on React on Rails in June of 2017. This talk focused on the “Why?” of React on Rails.

Optimized, Parallelized CircleCI Configuration for ReactOnRails

ReactOnRails + Jest + CodeCov + CircleCi Parallelization

Influencing Webpacker Rather than Forking to Support Webpacker in React on Rails

This article provides some background discussion of my work to influence Webpacker and how that lead to the creation of Webpacker Lite, as described in Webpacker Lite: Why Fork Webpacker?

Webpacker Lite: Why Fork Webpacker?

Update September 10, 2017. Webpacker Lite has been merged into v3 of Webpacker. If you’re using React on Rails, see the CHANGELOG for migration instructions to update to v9 of React on Rails which uses v3 of Webpacker.

Migration to Webpack@2

I spent the past few days upgrading our app to the latest RC of Webpack ver. 2. Here’s the official migration guide, that covers most of the common cases, but there were still a number of “gotchas” that I wish I had been aware of before I started this PR.

Yak Shaving Failing Integration Tests with React and Rails

This Thanksgiving weekend, I decided to a major refresh of the react-webpack-rails-tutorial, including:

My React on Rails Talk at the LA Ruby/Rails Meetup, November 10, 2016

I want to express my thanks to the organizers, Claudio and Anna, of the LA Ruby/Ruby on Rails Meetup, along with Stack Commerce, for hosting my talk on React on Rails. You can find the original meetup posting here.

General Troubleshooting and Getting Started with React on Rails

Recently, I’ve been doing more private coaching/pairing sessions on getting setup with React on Rails. In this article, I’m going to share my general tips for maximum productivity when using React on Rails. Many of these tips will apply regardless of your programming environment.

React on Rails, 2000+ 🌟 Stars

React on Rails is the number one open source integration of React + Webpack + Ruby on Rails. If we take out Webpack from the equation, React on Rails is the number 2 integration solution, second only to reactjs/react-rails, which started 2 years earlier.

Universal React with Rails: Part IV

Building Universal JavaScript app using React, Redux and Ruby on Rails. Part IV: Making Universal Flux app

Universal React with Rails: Part III

Building Universal JavaScript app using React, Redux and Ruby on Rails. Part III: Building Universal app

Universal React with Rails: Part II

Building Universal JavaScript app using React, Redux and Ruby on Rails. Part II: Building JSON API

Universal React with Rails: Part I

Building Universal JavaScript app using React, Redux and Ruby on Rails. Part I: Planning the application

Fast Rich Client Rails Development with Webpack and the ES6 Transpiler

This article shows you how to integrate webpack into the Rails ecosystem, allowing the use of npm modules and tools, including the ES6 and JSX transpilers.