Improve the user experience for your Rails app with rich, engaging client-side interactions.

Learn to use the Rails 6 tools and simplify the complex JavaScript ecosystem. It's easier than ever to build user interactions with the Webpacker gem and Stimulus. You can add great front-end flair without much extra complication. Add React to build an even more extensive set of client-side features. Structure your code for different levels of client-side needs with these powerful options. Add to your toolkit today!

It's hard to have a Rails application without integrating some client-side logic. But client-side coding tools, and the Rails tools for integrating with them, all change continuously. Rails 6 simplifies client-side integration with the Webpacker gem. It's the default tool for building client-side assets for use by web browsers.

Learn how to use Rails 6 and Webpacker to build rich front-end logic into your Rails applications. The job is even easier with Stimulus, a library that brings Rails conventions to JavaScript tools. Add in some React, a popular framework that automatically updates the browser when your data changes.

• Learn the basics of webpack, Webpacker, and TypeScript, and add pizazz to your application.
• Structure your web application to best manage your state.
• Learn how to interact with data on the server while still keeping the user experience interactive.
• Use the type system in TypeScript to expand on JavaScript and help prevent error conditions.
• Debug and test your front-end application with tools specific to each framework.

This book requires Ruby on Rails 6.0+, React 16.8.0+. Other dependencies will be added by Rails.