V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lnlfps
V2EX  ›  前端开发

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

  •  2
     
  •   lnlfps · 2018-10-09 18:48:54 +08:00 · 2167 次点击
    这是一个创建于 2238 天前的主题,其中的信息可能已经有所发展或是发生改变。

    @symph/joy

    介绍

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

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

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

    该项目已在生产环境使用,如有任何疑问、使用帮助、bug 反馈、特性讨论,请和我们联系(邮件: [email protected]; 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

    快速连接:

    联系我们

    邮件: [email protected] QQ 群:929743297

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1030 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 18ms · UTC 18:50 · PVG 02:50 · LAX 10:50 · JFK 13:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.