react-latest-framework

a client framework of React

Github stars Tracking Chart

React技术栈脚手架(V16.8.6)

Build Status codebeat badge
PRs Welcome

适用人群:该框架集成了react开发常用技术栈,适用于想要学习单向数据流框架搭建的新手、以及想要一个比较干净、简洁的框架从事前端项目的开发者。

框架集成的配置

webpack版本为4.28.4,并且对webpack相关的第三方插件进行了兼容处理

基于 create-react-app 进行改造,增加了redux、react-router、immutable等

使用react-loadable做异步路由

babel最新配置

使用happypack优化js、css构建,速度明显提升

UI框架使用的是世界第二大UI框架 antd

(新增)你可以学习到如何在项目中使用react hooks,react-redux-hook

(新增)项目中有3个文件使用了hooks写法,分别是入口文件App.js,BaseLayout/index.js,Login.js,其余组件仍然保留class包装Connect的写法,用来做对比。

客户端渲染

本项目是客户端渲染版本,登录账号 admin , 密码 12345

clipboard.png

clipboard.png

Installation 教程

fork到你的账号,简单省事,或者 download 项目到本地

1、 安装依赖包,已经解决了一些依赖包安装最新版可能出现的bug,如果还有问题,可以看相关社区的issue。

npm install 或cnpm install 或 yarn

2、运行demo。

npm start

4、打包发布

npm run build

5、你可以尝试serve来启动服务器。

npm run serve

学习ES6语法

React项目中,使用了大量的ES6语法,如果你还没有学习过ES6,那么推荐你看 深入理解ES6笔记

如果你对该项目感兴趣,想共享一份你的力量,请大胆pull PR!

Main metrics

Overview
Name With Ownerreact-love/react-latest-framework
Primary LanguageJavaScript
Program languageHTML (Language Count: 3)
Platform
License:MIT License
所有者活动
Created At2016-07-08 13:52:59
Pushed At2019-04-25 05:58:10
Last Commit At2019-04-25 13:58:00
Release Count14
Last Release Name4.2.0-hook (Posted on )
First Release Namev1.0.1 (Posted on )
用户参与
Stargazers Count822
Watchers Count64
Fork Count308
Commits Count296
Has Issues Enabled
Issues Count37
Issue Open Count1
Pull Requests Count1
Pull Requests Open Count0
Pull Requests Close Count2
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private