【问题标题】:Use React at Laravel在 Laravel 中使用 React
【发布时间】:2018-12-24 19:16:24
【问题描述】:

我开始反应学习,我有一个问题。我可以在 Laravel 中使用 react 吗? 是否可以使用react 而不是jQuery?

我应该使用API 在react 中使用laravel 吗?

react 能否完美替代jQuery?或者可以设计非常漂亮的网站吗?

【问题讨论】:

    标签: javascript jquery laravel reactjs


    【解决方案1】:

    你可以在 Laravel 中使用 React.js。在 Laravel 中,您将创建 API,然后您可以从 React.js 发送调用并从 API-s 获取 JSON 数据。

    我创建了 React 与 Laravel 集成的 Boilerplate 项目。 按照说明进行操作。

    问题很老,但我希望它对将来的人有所帮助!

    https://github.com/aldinkole/Laravel-v8.52-and-React-v17.0.2-Boilerplate

    【讨论】:

      【解决方案2】:

      你可以在 Laravel 中使用这个命令来搭建前端。

      php artisan preset react

      将你所有的 react.js 组件文件放在 resources/assets/ 文件夹中,其余的东西由 laravel 工作。

      为了深入了解这里有一些有用的链接:

      https://laravel.com/docs/5.7/frontend

      https://blog.pusher.com/react-laravel-application/

      【讨论】:

        【解决方案3】:

        React 是一个前端库,你可以使用它来替代 jQuery,这就是我学习 React JS 的方式。

        例如:

        选项 1:使用 Laravel 身份验证和刀片视图和 Blade 内部视图尝试为 CRUD 操作或表单提交实现 React。使用 CDN 反应链接来获取依赖项。 (实现反应功能的简单方法)

        选项 2:您可以使用 create-react-app 创建一个完整的 React 应用程序:https://github.com/facebook/create-react-app#creating-an-app

        但是对于这两个选项,我们需要一个 Laravel REST API 来操作数据

        【讨论】:

        • 我面临同样的问题,就像阿曼一样 -> 因此,仅在需要 CRUD 操作或表单的几个页面上使用 React JS 并不是一个坏习惯——我可以只使用数据表示的页面只使用 Laravel 刀片视图?
        • @Mike_NotGuilty 在您的情况下,如果您已经拥有用于这些数据表示的 API,那么您可以使用 React JS。如果您没有 API,我建议您使用 laravel Blade。否则,如果您关心用户交互,请创建 API 并使用 React JS 构建。
        • 我从头开始。我也想创建一个应用程序。所以对于某些部分,我肯定需要一个 API。我的问题是——为所有东西创建一个 API 是否有意义——或者只是为应用程序中包含的部分创建一个 API。所以我有一个 API -> ReactJS 的部分;其他一切 -> 刀片视图。
        【解决方案4】:

        您可以通过两部分访问您的所有问题和文章:

        1. Part-1
        2. Part-2

        但如果我想写一个应用程序,我会使用REST 架构,用laravel 写后端,用react 写前端,然后将两者发布到单独的堆栈中。 react 应用程序只需调用 APIs,laravel 给它。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2017-04-04
          • 2022-10-05
          • 2016-12-20
          • 2018-09-14
          • 2020-05-23
          • 2021-10-18
          • 1970-01-01
          • 2017-06-17
          相关资源
          最近更新 更多