React.js: 我如何建立一个良好的工作流程,超越具有多个视图的待办事项列表

React.js: How do I set up a good Workflow that goes beyond a To-Do list with multiple Views

上周我读到了 React.js 并对此感到非常兴奋,但我找不到任何好的教程来帮助我学习基础知识,例如:

通常我会用一些 HTML/PHP-Files、Javascript 和 AJAX 制作网络应用程序,但我不知道如何用多个 [= 构建一个 React.js app 26=] 以及正确的文件结构可能是什么 - 我猜它不是 js,css 和 html ;)

有没有人遇到过和我一样的问题,或者你知道一些很棒的教程可以帮助我解决这个问题。我有点失落

就我个人而言,我喜欢 Django(框架)、Django Rest Framework(对于 api)和 React 的流程。这就是 React 的伟大之处,它摆脱了前两个选择的方式,只处理视图。因此,在您的情况下,它可能是 Django、Node、MVC.NET 或 Rails。

正确设置将特定于您的后端技术,而不是 React 本身。

特别是对于 Django,您需要有一个 运行 站点、已定义的数据库表和一个 restful API 可以在 JSON 中传送该数据(最好).

一旦你有了这个 API 设置,它应该能够处理身份验证、授权等...,因为 React 不会帮助你。这可能是设置的一大难题,这就是为什么我选择一个久经考验的真实框架,如 Django 和 Django Rest Framework,因为所有的身份验证、授权和限制都是为我内置的,我只需要配置它。

您选择的框架将处理路由 url,尽管有 React 附加组件可以帮助处理此问题。

基本上无论您使用什么后端技术来设置您的堆栈,React 都会使您的 UI 渲染非常棒,但它并不涉及最难的部分,即设置一个执行我刚才提到的所有事情的堆栈,与数据库通信、身份验证、授权、节流、验证等...等等...