Build high-performance applications with React and Rails

React is a popular choice for creating dynamic user interfaces. thoughtbot specializes in using React with Rails apps that require high-fidelity experiences.

Let's talk

Evaluating front-end options

Strike the right balance

React enables rich, reusable components and dynamic interactions, but it can also introduce additional layers and complexity when integrated with a Rails backend. thoughtbot helps you:

  • Evaluate whether React is the best fit for your application.
  • Implement patterns and tools, like Superglue, to streamline development.
  • Leverage the strengths of both React and Rails while minimizing complexity.
Photo collage of three images and hand-drawn elements clockwise from top left to bottom left; designer and developer collaborating at whiteboard, a designer working at their desk, two developers discussing code on a project

Quote about leveling up

thoughtbot adds value by helping our team while they collaborate. They bring suggestions around process that improved the way we work. thoughtbot helped us level up our expertise.

A headshot of Krishna Kulkarni

Krishna Kulkarni
Engineering Manager, Healthify

Read the case study

React in action

Get results, fast

React is known for enabling teams to make incremental improvements by introducing reusable components. Our approach ensures:

  • Faster iteration cycles for your team.
  • Scalable, maintainable codebases that reduce technical debt.
  • Best practices for combining React with Rails, tailored to your needs.

Level up Your Team

Learn alongside React experts

React.js

We’ve built many single page applications at thoughtbot using Backbone.js Angular, Ember, Elm and others. We prefer to use React and Redux when we’re building a full client side application as opposed to a website with some rich interactions.

Redux

Redux is a Flux Library we use to maintain state when using React. Using Redux you define actions which you use to modify your state. This prevents bugs that were common when using plain React.js.

React Native

React Native gives our team the chance to write fast, native applications on Android and iOS in a single codebase while sharing large amounts of logic. This means we can ship faster to all platforms.

open source

Superglue: thoughtbot's open source project for React

Superglue bridges the gap between Rails and React by providing a framework for handling common challenges such as:

  • Seamless server-rendered React components.
  • Enhanced developer productivity with clear conventions.
  • Improved maintainability and team collaboration.

React on our blog

We share what we learn designing and building with React on our blog

React ❤️ Rails

We’ve built Superglue, a framework that makes Rails and React as productive as Rails, Hotwire, Turbo, and Stimulus.

Read post

Get ready for React 19

Learn how to prepare your codebase for the React 19 release.

Read more

How to integrate React with Rails 7

Explore options to consider when using React with Ruby on Rails.

Read Post

Let's talk

What does success look like for your React project?

A photo collage depicting people at work consisting of four photos and three hand-drawn elements, from top to bottom; two people pinning up storyboard sketches during a design sprint, two developers working side by side at their desks in a well lit office, a designer sitting on a video call at a desk below a wall calendar, the backs of a designer and developer working together on code at the same desk