microfrontends:具有纯Js和React的微前端资源-CSDN文库

共19个文件

js：7个

json：5个

html：3个

JavaScript

需积分: 9 99 浏览量 2021-04-17 03:27:39 上传评论收藏 181KB ZIP 举报

资源推荐

资源详情

资源评论

PasswordGeneratorJsFront-End:尝试使用Js构建密码生成器，使用Node作为后端，使用React作为View的前端，（也许我将使用JWT）

该项目是通过引导的。可用脚本在项目目录中，可以运行： npm start 在开发模式下运行应用程序。打开在浏览器中查看它。如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React，

coexisting-vue-microfrontends:一个回购，显示单独的vue应用与单spa共存为微前端

它使用来实现这一点，这意味着您甚至可以添加React，Angular或其他框架作为附加的微前端。重要说明这个github仓库在一个仓库中有四个项目。但是，当您自己执行此操作时，您将希望每个vue应用程序具有一个git ...

react-microfrontends:使用React构建Microfrontend架构

在此仓库中，我将向您展示如何从头开始创建Microfrontend体系结构，在该容器上运行容器，并使应用程序在该体系结构中相互通信，从而允许前端UI进行可伸缩性和快速开发。开始之前，您需要具备以下先决条件节点和...

财务：浏览器中已支持React Micro前端模块。用单温泉制成。 CICD与CircleCI和Firebase

ReactMicrofrontend财务浏览器内的React Micro前端模块就绪。用单温泉制成。带有CircleCI和Firebase的CI / CD。设置 npm i npm start npm build npm test

module-federation-microfrontends:使用MicroFrontendsReactjs Web商业应用程序

使用Webpack 5 Module Federation的微型前端实现本示例说明了如何创建一个组件库应用程序，该应用程序公开了供其他应用程序使用的组件。有关更多信息，请访问的文章。 app1 ， app2和app3是独立的应用程序，它们...

microfrontends-angular-single-spa:开发具有微前端概念的单个应用程序，实现用于微前端之间通信的single-spa和redux库

microfrontends-角单温泉开发具有微前端概念的单个应用程序，实现用于微前端之间通信的single-spa和redux库

tenantmanagementsystem:这是我作为BCA的最后一个项目而制定的。这个项目是使用Node.Js-Express，MongoDB，EJS，HTML，CSS，JWT等创建的。我打算使用React制作具有实时通知的高级版本，可能还包括SMS网关。

tenantmanagementsystem:这是我作为BCA的最后一个项目而制定的。这个项目是使用Node.Js-Express，MongoDB，EJS，HTML，CSS，JWT等创建的。我打算使用React制作具有实时通知的高级版本，可能还包括SMS网关。

ChatbotPy--fullstack-chatbot-application:使用python，React Js，Javascript，HTML和CSS的全栈chatbot应用程序。该应用程序具有用于后端的python烧瓶和javascript，用于前端的React Js，HTML和CSS，用于数据库SQLite以及用于生成基于AI的响应的chatterbot api。

ChatbotPy-全栈聊天机器人应用程序使用python，React Js，Javascript，HTML和CSS的全栈chatbot应用程序。该应用程序具有用于后端的python烧瓶和javascript，用于前端的React Js，HTML和CSS，用于数据库SQLite以及用于生成基于AI的响应的chatterbot api。为了使用，只需将main.py文件部署在首选的编辑器上（

Laravel8-React-AdminLte3-with-Authentication:还配置了具有React Js身份验证的Laravel 8

安装该项目包含Laravel-8，并配置有ReactJ和Adminlte-3（最新），并且Laravel的身份验证已全部设置。您只需要克隆存储库并遵循以下步骤-1-克隆存储库-** 2-打开终端>存储库目录> -3- Composer安装（如果已经跳过此步骤） -4- NPM安装-5- NPM Run Watch - 6- php artisan migration - 7- php arti

passport-local-video:具有Passport.Js，Node.js和React.js的简单Passport身份验证样板

这是我创建的带有React和Node.js的简单护照本地身份验证的YouTube视频的GitHub代码，可以在以下位置找到该视频的链接： : 确保修改数据库连接字符串，以便插入数据库。如果您不知道如何执行此操作，请在观看视频时观看。

angular-microfrontend-demo:关于如何创建有角度的微前端并将其集成到不同主机（angular、python、react、plain javascript）的演示

Angular 微前端演示此演示的目标是提供一个示例，说明如何创建 Angular 微前端并将其集成到不同主机（angular、python、react、纯 javascript）上。微前端在存储库的根目录中，我们找到了weather-microfront.js，它...

aofe.code：《前端架构：从入门到微前端》源码，前端架构代码

《前端架构：从入门到微前端》子系统购买链接：京东：《尖端》目录 ├── chapter04 │ ├── angular-examples │ ├── docker-react │ ├── gulp-examples │ ├── gulp-grunt-webpack-compare │...

react-micro-frontends:这是基于微型前端的Monorepo ReactJS

Monorepo React Micro前端 | | :rocket: 技术领域该项目是使用以下技术开发的：莱娜埃斯林特更漂亮沙哑 :information: 如何使用要克隆并运行此应用程序，您需要在计算机上安装Git ， Node.js v10.16或更高版本+ Yarn...

micro-fun:借助Next.js和模块联合，微前端变得有趣

该项目是您的下一个微型前端项目的模板。用法示例：模板的用法 git clone git@github.com:cagataycali/micro-fun.git 搭建微碎片的样板 FUN_FRAGMENT_NAME=Header FUN_PORT=3000 ./copy.sh header FUN_FRAGMENT...

mfe-react-vue-module-federation-example:Webpack 5 Module Federation如何用于具有不同框架的微前端的示例。（React + Vue）基于Stephen Grider关于Udemy这个主题的课程

建置状态技术规格容器（React）市场营销（React）身份验证（React）仪表板（Vue）目前已在monorepo中使用所有微前端进行了设置，但也可以使用单独的存储库...有关模块联合和Microfrontends的文档，文章和视频

React-Tic_tac_toe：这是一个具有tic-tac-toe的多人游戏，具有react和节点Js，具有2个播放器功能

该项目是通过。可用脚本在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。打开在浏览器中查看。如果进行编辑，页面将重新加载。您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行程序。有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React，并优化了构建

movie-cafe:在 MERN 堆栈中下载电影 Web 应用程序。 React Js 用于前端，Node Js 和 Node Js 用于服务器，Mongo Db 用于数据库

电影咖啡馆在 MERN 堆栈中下载电影 Web 应用程序。 React Js用于前端，Node Js和Node Js用于服务器，Mongo Db用于数据库。现场检查（演示）这里 --> 应用程序屏幕截图在桌面在移动设置 cd client && npm install // 安装依赖 npm insatll // 为服务器安装依赖根据您的选择编辑 .env 文件 npm

SocialMediaApp:使用Python（Django Rest Framework）和React Js构建的社交媒体应用程序的前端，并通过Redux来管理我的应用程序状态

使用Django，React JS和Redux构建的社交媒体项目社交媒体应用程序允许用户创建帐户，发布帖子，更新他们等等。脚步：拉这个仓库创建一个virtualenv并使用pip install -r requirements.txt安装依赖项用python manage.py runserver启动应用程序并享受它:) 该项目包括： Django调试工具栏已设置多个设置模块设

tindev：具有React Native，ReactJs和Node Js的项目

tindev：具有React Native，ReactJs和Node Js的项目

fnf-legal-app:前端Next Js React应用程序呈现从Strapi Api返回的数据

FNF法律应用前端应用程序，用于呈现从Strapi Api返回的数据。快速开始确保本地Strapi服务器仍在。在Next.js应用程序目录中，运行： npm install npm run dev 应用程序将在如何设定步骤1.在本地设置Strapi 本地创建Strapi项目。 npx create-strapi-app my-project --quickstart npm r

microfrontends-workshop

该存储库包含循序渐进的指南，介绍如何使用具有Angular和React.js的Single-spa设置微型前端架构。您可以跳至第7步，以查看实际结果和完成的架构。怎么跑为了使一切正常，您需要运行三个单独的应用程序开始根申请 ...

wonder-sspa-product：具有Single SPA（创建单个spa）的Micro Frontend构建。它用于构建应用程序（app）的主要功能

该项目是带有Single SPA（create-single-spa）和React的Micro Frontend构建。它用于构建应用程序（/ app）的主要功能。这是一个简单的待办任务列表项目，创建的每个任务都是一张带有标题，消息和随机图像的。 ...

wonder-mfp-legal:使用React SPA和Webpack Module Federation构建Micro Frontend。用于构建应用程序的页脚

该项目是带有React SPA和Webpack Module Federation的Micro Frontend构建。它用于构建应用程序的页脚。这是一个简单的待办任务列表项目，创建的每个任务都是一张卡片，上面有标题，消息和来自的随机图像。对于...

wl-micro-frontends：微型前端实用项目教程。基于vue3.0＆qiankun2.0进阶版：https：github.comwl-uiwl-mfe

此项目为了尽快的简单易上手，以及方便文章讲解，大部分逻辑都在主应用和子应用的main.js来回施展，实际项目应用可不要如此粗暴，要有优雅的架构设计。微前端进阶实战项目：基于vue3.0-beta及qiankun2.0极速尝鲜！ ...

VoltranJS：Voltran是由Hepsiburada技术团队开发的微前端框架

如果需要具有以下功能的微型前端框架，则可以使用Voltran：轻巧快速的API 服务单个和多个组件预览（可视化组件） SEO友好（如果需要） CSS和SCSS支持仅支持React（目前）安装Voltran需要运行 v10.15.0 +。...

收起资源包目录

microfrontends-master.zip （19个子文件）

microfrontends-master

ecommerce

container

public

index.html 323B

yarn.lock 175KB

webpack.config.js 541B

src

bootstrap.js 57B

index.js 22B

package.json 368B

products

public

index.html 294B

webpack.config.js 489B

src

index.js 225B

package-lock.json 173KB

package.json 368B

cart

public

index.html 284B

webpack.config.js 480B

src

index.js 171B

package-lock.json 173KB

package.json 364B

LICENSE 11KB

README.md 56B

.gitignore 2KB

评论收藏

内容反馈

管墨迪

粉丝: 21
资源: 4666

microfrontends:具有纯Js和React的微前端

React-Crud：React作为前端&& Node Js作为后端

react-alunos：前端React.Js daAplicaçãode Cadastro de alunos

Burger-Builder-React:React Js中的前端项目

notes-keeper_frontend:笔记管理应用程序的前端，该应用程序在前端使用Node JS API作为后端使用React Js和Redux

PasswordGeneratorJsFront-End:尝试使用Js构建密码生成器，使用Node作为后端，使用React作为View的前端，（也许我将使用JWT）

coexisting-vue-microfrontends:一个回购，显示单独的vue应用与单spa共存为微前端

react-microfrontends:使用React构建Microfrontend架构

财务：浏览器中已支持React Micro前端模块。 用单温泉制成。 CICD与CircleCI和Firebase

module-federation-microfrontends:使用MicroFrontendsReactjs Web商业应用程序

microfrontends-angular-single-spa:开发具有微前端概念的单个应用程序，实现用于微前端之间通信的single-spa和redux库

tenantmanagementsystem:这是我作为BCA的最后一个项目而制定的。 这个项目是使用Node.Js-Express，MongoDB，EJS，HTML，CSS，JWT等创建的。我打算使用React制作具有实时通知的高级版本，可能还包括SMS网关。

Laravel8-React-AdminLte3-with-Authentication:还配置了具有React Js身份验证的Laravel 8

passport-local-video:具有Passport.Js，Node.js和React.js的简单Passport身份验证样板

angular-microfrontend-demo:关于如何创建有角度的微前端并将其集成到不同主机（angular、python、react、plain javascript）的演示

aofe.code：《前端架构：从入门到微前端》源码，前端架构代码

react-micro-frontends:这是基于微型前端的Monorepo ReactJS

micro-fun:借助Next.js和模块联合，微前端变得有趣

mfe-react-vue-module-federation-example:Webpack 5 Module Federation如何用于具有不同框架的微前端的示例。 （React + Vue）基于Stephen Grider关于Udemy这个主题的课程

React-Tic_tac_toe：这是一个具有tic-tac-toe的多人游戏，具有react和节点Js，具有2个播放器功能

movie-cafe:在 MERN 堆栈中下载电影 Web 应用程序。 React Js 用于前端，Node Js 和 Node Js 用于服务器，Mongo Db 用于数据库

SocialMediaApp:使用Python（Django Rest Framework）和React Js构建的社交媒体应用程序的前端，并通过Redux来管理我的应用程序状态

tindev：具有React Native，ReactJs和Node Js的项目

fnf-legal-app:前端Next Js React应用程序呈现从Strapi Api返回的数据

microfrontends-workshop

wonder-sspa-product：具有Single SPA（创建单个spa）的Micro Frontend构建。 它用于构建应用程序（app）的主要功能

wonder-mfp-legal:使用React SPA和Webpack Module Federation构建Micro Frontend。 用于构建应用程序的页脚

wl-micro-frontends：微型前端实用项目教程。基于vue3.0＆qiankun2.0进阶版：https：github.comwl-uiwl-mfe

VoltranJS：Voltran是由Hepsiburada技术团队开发的微前端框架

最新资源

财务：浏览器中已支持React Micro前端模块。用单温泉制成。 CICD与CircleCI和Firebase

tenantmanagementsystem:这是我作为BCA的最后一个项目而制定的。这个项目是使用Node.Js-Express，MongoDB，EJS，HTML，CSS，JWT等创建的。我打算使用React制作具有实时通知的高级版本，可能还包括SMS网关。

mfe-react-vue-module-federation-example:Webpack 5 Module Federation如何用于具有不同框架的微前端的示例。（React + Vue）基于Stephen Grider关于Udemy这个主题的课程

wonder-sspa-product：具有Single SPA（创建单个spa）的Micro Frontend构建。它用于构建应用程序（app）的主要功能

wonder-mfp-legal:使用React SPA和Webpack Module Federation构建Micro Frontend。用于构建应用程序的页脚