Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings
This repository was archived by the owner on May 7, 2022. It is now read-only.

react-love/react-latest-framework

Repository files navigation

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!

Morty Proxy This is a proxified and sanitized view of the page, visit original site.