zoukankan      html  css  js  c++  java
  • react后台开发框架搭建

     最近整理了一下自己在用的react框架,主要涉及到的技术有react react-router redux  Es6 webpack less ant-design等技术,可用于快速开发后台类系统。

     主要实现功能:

    • webpack生成首页
    • 热更新
    • 路由分割
    • 打包压缩
    • 报错信息指向源文件
    • Es6装换
    • less转换
    • 封装富文本


    开发步骤:

    • 在src/containers 文件下添加页面
    • 在src/router.js 文件里添加路由
    • 在src/actions 文件下添加页面对应的.js 文件(主要作用是发起dispatch,改变redux)
    • 在src/reducers 文件下添加页面对应的.js 文件(设置redux初始值,并根据不同情况进行相应改变)
    • 在src/reducers/index.js 文件将现有的reduces合并为一个大的状态机

    待改进问题

    • 打包代码压缩
    • webpack添加环境变量,为快发环境和线上环境定制深度定制不同打包逻辑
    • 登录页面加入打包,不单独列出
    • 与后端进行接口标准制定,并统一改进接口反馈(包括成功提示,失败提示,404处理,错误处理等)

    设想

    • 构建自己的node.js服务器
    • 进行服务器端渲染

    使用:

    1 。从github上clone代码,代码见 我的github,希望搭建能帮我点个星

    2. 下载我编写的npm包,可用命令行直接生成基础框架,npm包代码见我的github,

    $ npm install -g yq-fontend-cli
    $ yqbegin init <project-name>
  • 相关阅读:
    提高C#编程水平的50个要点
    纯CSS Tooltips..
    分支结构程序设计
    个性测试题
    CSS与DIV
    数据库设计中的14个技巧
    XML文档处理(树的应用)
    使用设计模式构建通用数据库访问类
    什么样简历最受名企欢迎?
    如何做需求分析
  • 原文地址:https://www.cnblogs.com/liyuanqing/p/7455080.html
Copyright © 2011-2022 走看看