All Projects → react-love → React Latest Framework

react-love / React Latest Framework

Licence: mit
a client framework of React

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Latest Framework

React Antd Multi Tabs Admin
ts+react+antd-多页签后台模板(纯净版,非 antd pro!)
Stars: ✭ 73 (-91.26%)
Mutual labels:  hooks, antd, less
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-94.73%)
Mutual labels:  webpack4, antd, less
React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117 (-85.99%)
Mutual labels:  webpack4, create-react-app, antd
react-drag
A drag and drop platform based on sortable.js front-end visualization. 一个基于sortable.js的前端可视化搭建的拖拽平台,ui组件采用antd-mobile.通过umi脚手架构建.技术栈采用dva+hooks+umi+antd-mobile+sortable.js+react-color.
Stars: ✭ 51 (-93.89%)
Mutual labels:  hooks, antd
react-starter-kit
基于webpack4 + ES6/7 + less + React16 + Redux4 + React-Router4 + react-hot-loader4 + antd
Stars: ✭ 27 (-96.77%)
Mutual labels:  antd, webpack4
coconat
🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3
Stars: ✭ 95 (-88.62%)
Mutual labels:  hooks, webpack4
public-ol-web-template
OrangeLoops Web Project Boilerplate
Stars: ✭ 28 (-96.65%)
Mutual labels:  create-react-app, antd
react-admin-nest
React和Ant Design和 Nest.js 和 Mysql 构建的后台通用管理系统。持续更新。
Stars: ✭ 123 (-85.27%)
Mutual labels:  less, antd
epee-react-admin
🗡简洁、高效、易扩展的 React 快速开发模板,基于布局设计,纯 Hooks 开发,包含中后台应用常用功能
Stars: ✭ 87 (-89.58%)
Mutual labels:  create-react-app, antd
nodejs-spider
No description or website provided.
Stars: ✭ 18 (-97.84%)
Mutual labels:  create-react-app, antd
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放!
Stars: ✭ 257 (-69.22%)
Mutual labels:  webpack4, antd
React-Whole-barrels
webapck + react + react-router +dva + es6 + less + antd 实现的脚手架 👌👌
Stars: ✭ 23 (-97.25%)
Mutual labels:  less, webpack4
mobxSpa
企业级SPA项目,完整开发脚手架
Stars: ✭ 96 (-88.5%)
Mutual labels:  antd, webpack4
dva-typescript-antd-starter-kit
A admin dashboard application demo based on antd by typescript and dva
Stars: ✭ 61 (-92.69%)
Mutual labels:  less, antd
simple react startkit
This is a simple react boilerplate, without complex dependencies(eg. redux or router), this project can help you start the react project in seconds.
Stars: ✭ 109 (-86.95%)
Mutual labels:  less, webpack4
react-smart-app
Preconfiguration React + Ant Design + State Management
Stars: ✭ 13 (-98.44%)
Mutual labels:  hooks, antd
ieaseMusic
网易云音乐第三方🎵
Stars: ✭ 62 (-92.57%)
Mutual labels:  hooks, less
Ant Design Dark Theme
🌚 Dark theme variables of Ant Design
Stars: ✭ 431 (-48.38%)
Mutual labels:  antd, less
Create React App Antd
Use antd in create-react-app without ejecting ✨
Stars: ✭ 494 (-40.84%)
Mutual labels:  create-react-app, antd
wx-react-app
使用Create-React-App 和 Ant Design Pro 框架整合,演示地址:
Stars: ✭ 16 (-98.08%)
Mutual labels:  create-react-app, antd

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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].