2、客户端开发与Rails应用搭建指南

客户端开发与Rails应用搭建指南

1. 工具简介

在客户端开发中，有几个关键工具值得我们了解。Webpacker 是围绕 webpack 的特定于 Rails 的前端包装器。它为 webpack 构建提供了一些 Rails 风格的约定配置结构，还内置了对常用工具的支持，并为常见框架添加了默认设置。转换后的 HTML、CSS 和 JavaScript 文件可以发送到浏览器。

2. 开发流程规划

开发过程可分为四个主要部分：
- 第一部分 ：安装并开始使用让 Rails 与 JavaScript 生态系统协同工作所需的工具。从安装前端 Rails 工具开始，接着添加 Hotwire 和 Turbo 以实现更丰富的交互，融入 Stimulus，展示 React 如何与 Rails 交互，再介绍如何在应用中使用 CSS 工具，最后深入了解基础工具，如 TypeScript、webpack 和 Webpacker。
- 第二部分 ：深入研究 TypeScript、webpack 和 Webpacker，并关注前端代码与服务器通信的重要问题。
- 第三部分 ：探讨如何管理客户端应用中的数据状态，研究 JavaScript 的 reducer 模式以及实现该模式且常用于 React 的 Redux 库。
- 第四部分 ：进行代码验证，进一步研究 TypeScript，利用类型系统防止错误，还会讨论应用的调试和测试。

3. 示例应用搭建

为了更好地理解和实践