ijpatricio/mingle

在 Laravel Livewire 应用中使用 Vue 和 React。

资助包维护!
ijpatricio

v0.0.18 2024-08-10 18:33 UTC

README

MingleJS

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

如您所知,Livewire 是一个针对 Laravel 的全栈框架,允许您使用服务器端代码构建动态界面。MingleJS 允许您在 Livewire 应用中使用 React/Vue 组件,因此您可以两者兼得。

它是如何工作的?

MingleJS 在服务器端渲染一个 div,然后在客户端挂载 React/Vue 组件。每个 JS 组件都由一个 Livewire 组件渲染,因此您在 Livewire 应用中获得一个交互式的岛屿,使用您喜欢的 JS。

Browser with stack of divs and a Mingle

一些包含的实用功能

在后端组件中,您可以传递组件将在前端访问的数据。

您可以选择继续使用 Ajax 客户端 - Axios/Fetch 等。但现实是,大多数情况下,您可以使用方便的服务器操作方式,即 Livewire。您只需通过 $wire.addTodo(todo) 就可以发起服务器请求。下面是 MingleJS 在页面中工作的简单示意图。

Browser and server showing how they interact winthin a Mingle

入门 & 文档

您可以在这里找到如何入门和文档。

有关 MingleJS 的任何问题和建议,请随时在 GitHub 上创建问题

更新日志

请参阅更新日志以获取有关最近更改的更多信息。

贡献

请参阅贡献指南以获取详细信息。

鸣谢

许可证

MIT 许可证(MIT)。有关更多信息,请参阅许可证文件