React on Rails: Building a Simple App

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
  • Webpacker

    Use Webpack to manage app-like JavaScript modules in Rails

  • Rails also provides us with a Webpacker bundler that’s fully adapted to manage JavaScript-like applications within Rails.

  • crud-rails-react

  • You can also find the source code for this tutorial here. Good studies!

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • berry

    📦🐈 Active development trunk for Yarn ⚒

  • As prerequisites, you need to have an environment set up with Ruby (and Rails), Node.js, and Yarn.

  • Incoming

    Incoming! helps you receive email in your Rack apps.

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  • Webpacker is one of the most widely used static module bundlers for JavaScript applications. Because of that, it’s the perfect match to incorporate the React capabilities into an existing application.

  • Ruby on Rails

    Ruby on Rails

  • As prerequisites, you need to have an environment set up with Ruby (and Rails), Node.js, and Yarn.

  • React

    The library for web and native user interfaces.

  • React has become the titan of the front-end Pangea. If you work with Ruby on Rails, chances are that you once needed to switch the default Rails pages to React code (or any other front framework). Perhaps, you simply love Rails + React features and would love to integrate the power of both techs into a single app.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • antd

    An enterprise-class UI design language and React UI library

  • Ant Design for ready-to-use React components

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts