Modern Front-End Development for Rails, Second Edition: Hotwire, Stimulus, Turbo, and React, 2/e (Paperback)

Improve the user experience for your Rails app with rich, engaging client-side interactions. Learn to use the Rails 7 tools and simplify the complex JavaScript ecosystem. It's easier than ever to build user interactions with Hotwire, Turbo, and Stimulus. You can add great front-end flair without much extra complication. Use React to build a more complex 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 7 simplifies client-side integration with the Hotwire gem. It's a great way to build client interaction with server-side HTML and a small amount of JavaScript.

In the latest edition of this book, learn how to use Rails 7 and its front-end bundling tools 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. And you can also add in React, a larger framework that automatically updates the browser when your data changes.

Learn the basics of Turbo, Stimulus, 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.

There are a lot of ways to do client-side coding, and Rails is here to help.

What You Need:

This book requires Ruby on Rails 7.0 or later, React 17.0.0 or later. Other dependencies will be added by Rails.

提升你的 Rails 應用程式的使用者體驗，透過豐富且引人入勝的客戶端互動。學習使用 Rails 7 工具，簡化複雜的 JavaScript 生態系統。使用 Hotwire、Turbo 和 Stimulus，建立使用者互動變得比以往更容易。你可以在不增加太多複雜性的情況下，為前端增添出色的風格。使用 React 建立一組更複雜的客戶端功能。使用這些強大的選項，為不同層次的客戶端需求結構化你的程式碼。立即將它們加入你的工具箱！

在沒有整合一些客戶端邏輯的 Rails 應用程式中，是很難的。但是客戶端編碼工具以及與其整合的 Rails 工具都在不斷變化。Rails 7 通過 Hotwire gem 簡化了客戶端整合。這是一種使用伺服器端 HTML 和少量 JavaScript 建立客戶端互動的絕佳方式。

在本書的最新版本中，學習如何使用 Rails 7 及其前端打包工具，在你的 Rails 應用程式中建立豐富的前端邏輯。使用 Stimulus，一個將 Rails 慣例帶入 JavaScript 工具的庫，這項工作變得更容易。你還可以加入 React，一個更大的框架，當你的數據變化時，它會自動更新瀏覽器。

學習 Turbo、Stimulus 和 TypeScript 的基礎知識，為你的應用程式增添活力。結構化你的網頁應用程式以最佳管理你的狀態。學習如何在與伺服器端互動時保持使用者體驗的互動性。使用 TypeScript 中的類型系統擴展 JavaScript，並幫助防止錯誤條件。使用特定於每個框架的工具來調試和測試你的前端應用程式。

有很多方法可以進行客戶端編碼，而 Rails 就在這裡提供幫助。

你需要什麼：

本書需要 Ruby on Rails 7.0 或更新版本，React 17.0.0 或更新版本。其他相依性將由 Rails 添加。