Front-End Options

Explore how to integrate modern JavaScript front ends with Rails using Docker. Learn to set up Webpacker and React inside your Docker environment, configure separate front-end services, and update Dockerfiles for Node and Yarn support. Understand options for serving front ends directly from Rails or as stand-alone apps using Docker Compose.

We'll cover the following...

- - Explanation

JavaScript and Webpacker

We are living in a JavaScript renaissance—no longer is it the whipping boy of language purists. Rails has embraced modern JavaScript technologies like React through its inclusion of Webpacker, a gem that brings webpack support.

As Rails developers, it is important to be able to incorporate these technologies into our apps as needed, so our Docker environment needs to support us in that endeavor.

We will explore the options for working with JavaScript as part of our Rails development. We will also see how to include a React front-end in our ...

1.Introduction

2.A Brave New World

3.Running a Rails App in a Container

4.Fine-Tuning Our Rails Image

5.Describing Our App Declaratively with Docker Compose

6.Beyond the App: Adding Redis

Assessment

7.Adding a Database: Postgres

8.Playing Nice with JavaScript

9.Testing in a Dockerized Environment

10.Advanced Gem Management

11.Some Minor Irritations

Assessment

12.The Production Landscape

13.Preparing for Production

14.A Production-Like Playground

Project

15.Deploying to the Cloud

Assessment

16.Closing Thoughts and Next Steps

17.APPENDIX

Front-End Options

JavaScript and Webpacker