@symph/joy React 前端框架，尝鲜新的开发体验

[lnlfps]

@symph/joy

介绍

文档主页：https://lnlfps.github.io/symph-joy

github： https://github.com/lnlfps/symph-joy

@symph/joy 的目标是让我们轻松的开发前端应用，框架已集成大量的前端最佳实践和优化方案，帮助开发者解决繁琐的常规问题，亦使用了约定大于配置的思想，从复杂的配置文件中解脱出来，即使你才刚接触 React，也可以轻松创建高可用、可维护的前端应用。

该项目已在生产环境使用，如有任何疑问、使用帮助、bug 反馈、特性讨论，请和我们联系(邮件： [e-mail]; QQ 群：929743297)，或者到 github 创建 issue，欢迎加入。

特征

• 零配置可用，快速开发，已集成 react、redux、react-router4 和 ES6、7 语法支持等
• 支持服务端 渲染，只需在 Component 中添加async componentPrepare()一个方法来获取数据
• 支持静态版本导出，脱离 Node.js 运行，也可单独导出静态页面
• 使用 MVC 架构，应用结构清晰、依赖明确，创新式的 Model 类简化业务方法和数据管理
• 全局支持 aync 语法来编排业务，监听业务执行结果
• 使用@装饰器的方式，动态注册 model 和 controller，不侵入业务代码
• 内置跨域请求转发服务，在 Node.js 服务端的支持下，不再困扰跨域问题
• 支持插件化配置

安装和开始

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

yarn add --save @symph/joy react react-dom

@symph/joy 只支持 React 16及以上版本

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

{
  "scripts": {
    "dev": "joy dev"
  }
}

然后就可以开始工作了，创建./src/index.js文件，编写第一个组件：

export default () => <div>Welcome to @symph/joy!</div>

最后运行yarn run dev命令，在浏览器中输入访问地址http://localhost:3000。如果需要使用其它端口来启动应用 yarn run dev -- -p <your port here>

到目前为止，一个简单完整的 react app 已经创建完成.

文档

https://lnlfps.github.io/symph-joy

快速连接：

• 使用指南
• 配置文档
• 插件列表
• 升级日志

联系我们

邮件： [e-mail] QQ 群：929743297