超强实战模板Rva-react-template介绍

前言

Rva-react-template是在universal-redux-template迭代开发,并在10+线上产品运用过的实战型react模板。使用Redux + React-router + Express构建,支持服务端/客户端同构。不管是入门React,还是进阶,或者构建大型复杂前端应用,Rva-react-template都可以很好地满足你的需要。

案例:

  • 空中绿洲
  • 益派云调查
  • 某滑雪场官网
  • 某出版社读书会
  • 某跨国集团智能供应链项目
  • 某量衣应用h5版
  • 某区块链行情h5站点
  • 尚尚珍宝h5版
  • 房88 – 美国房产中介平台
  • 某跨国集团财务工具
  • 师生阅读交流平台
  • 实时课堂应用

为什么需要模板

从头搭建一个react应用的开发环境不是一件容易的事情,需要设置很多库,比如webpack, babel, 测试框架等等。而Rva-react-template,就是为此而生:用最简单的逻辑组合这些工具,功能刚刚够用好用。没有过多的炫技,简单地不能再简单,却又远超一个demo。众多线上项目检验了它的实用性。

怎么使用

  • 克隆并重命名这个项目: $ git clone https://github.com/rvajs-cn/rva-react-template.git ./my-react-project
  • 移除 .git 文件夹: $ cd my-react-project; rm -rf .git
  • 初始化成一个新的git项目: $ git init
  • 安装依赖: $ yarn install
  • 启动项目,开始您的react之旅! $ yarn start
  • 使用Mocha, Enzyme, Sinon 和 Chai来运行测试: $ yarn test:ci
  • 生成 container/component/action 和相应的测试文件: $ ./bin/generate <type> <path>

例如: $ ./bin/generate component myNamespace/MyComponent

特点:

  • 服务端同构渲染(SEO友好), 并支持异步数据获取
  • 支持服务端重定向
  • 分离vendor和app js文件
  • 使用Immutable 做数据管理
  • 使用Webpack,客户端支持Hot Reload
  • 支持服务端Hot Reload
  • 支持Sass

技术栈:

技术支持

以上项目都是RvaJS团队使用Rva-react-template实现的项目。原项目mz026/universal-redux-template已经有两年没有维护。而Rva-react-template在两年的过程中,虽然迭代不多,但保证了核心库如react/react-router/webpack的持续更新,不断在新的项目中使用最新的代码。

更重要的是,用同一模板构建从小项目到大型项目,从web到h5,RvaJS团队积累了大量的开发/部署甚至运维的经验。

React线上培训(广告)

案例中的部分项目,因为隐私而不能公开网址,项目的代码也不方便在网上公布。但多年来的React开发经验,我们愿意不断地以文章/问答的形式传授给需要的人。由此,RvaJS团队推出以下付费服务:

1、一元试用。点此购买,订单页会有入群说明。购买一元试用服务后,管理员会允许您加入react付费交流群。ReactJS会负责群的日常管理,保障群里交流的都是跟react相关的技术。

2、季卡会员100元。点此购买,订单页会有入群说明。季卡会员,享有针对Rva-react-template的线上有问必答服务。

3、年卡会员360元。点此购买,订单页会有入群说明。年卡会员,享有Rva-react-template有问必答服务,支持线上和语音问答。

Leave a comment

Your email address will not be published. Required fields are marked *