首页 > IT业界 > 国内 > 正文

集Next和dva优点于一身 React MVC框架@symph/joy了解一下
2019-04-18 17:10   CSDN      我要评论()
字号:T|T

@symph/joy让我们轻松的进行前端应用开发,零配置可用,简单清晰的业务和数据管理模块,已集成大量最佳实践的优化方案,即使你才刚接触React,也可以轻松创建高可用、可维护的前端应用。

特征

零配置可用,优化的默认配置,快速开发,已集成react、redux、react-router4和ES6、7语法支持等

MVC架构,模块化设计,使用Model简化redux的使用

依赖自动注入,专注组件内部实现,依赖关系更明确,方便调用

支持服务端渲染,在业务组件内部获取渲染数据,组件内聚更高,便于维护

支持静态版本导出,脱离Node.js运行,也可单独导出静态页面

全局支持aync语法,复杂的业务逻辑也能轻松找到解决方案

使用@装饰器将普通Class申明为Controller或Model等,不侵入业务代码

内置网络请求代理服务,解决跨域和服务中转问题,前后端分离开发畅通无阻

支持插件化配置,便于功能扩展

安装和开始

运行npm init创建一个空工程,并填写项目的基本信息,当然也可以在一个已有的项目中直接安装。

21

添加NPM脚本到package.json文件:

然后就可以开始正式工作了,下面从hello world示例开始,首先编写一个Model组件来管理应用的数据和业务。

22

接下来编写界面,展示欢迎消息。@symph/joy默认使用/src/index.js文件作为应用的启动入口组件,可以在这里初始化基础功能模块和设置子页面路由等。

23

最后运行npm run dev命令,在浏览器中输入访问地址http://localhost:3000,即可看到刚才写的页面。如果需要使用其它端口来启动应用 npm run dev -- -p

24

到目前为止,一个简单完整的前端应用已经创建完成,可以开始工作了。还有很多神奇的特性,请查看 详细使用指南

相关报道:

联系电话:13811959286

IT频道纠错邮箱:erjuner@163.com

责任编辑:新闻中心

我要评论

已有位网友参与评论

网站地图

牛华网

华军下载 | 牛华网 | 盒子 | pcsoft | 论坛

实用工具

关于我们 | 新闻投稿 | 软件发布 | 版权声明 | 意见建议 | 网站地图 | 友情连接 | RSS订阅 | 总编信箱 | 诚聘英才 | 联系我们

苏ICP备11016551号-2  苏公网安备 32132202000111号 本站特聘法律顾问:于国富律师

Copyright (C) 1997-2018 newhua.com 宿迁市牛华网络科技有限公司 版权所有