Modern Front-End Development for Rails

Installing React

We’re going to use React to build up the individual pages for each concert. These pages will contain a seating diagram and will allow you to put together a ticket order. Normally I wouldn’t use Stimulus and React in the same app—I’d pick one and stick with that choice—but it’s far from the most ridiculous thing I’ve ever done in an app, and I decided that keeping them together would be less confusing than trying to keep track of separate Stimulus and React apps.

Webpacker is already set up to handle React if React’s webpack loader is set up, so let’s do that:

$ yarn add react react-dom @babel/preset-react @types/react @types/react-dom

This command adds several packages to the package.json file. In addition to the react package, ...