meibin08 / React Redux
React+Redux 入门示例项目,完整的构建部署流程,可扫下方二维码在线查看
Stars: ✭ 198
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Redux
Sinn
a blog based on of react,webpack3,dva,redux,material-ui,fetch,generator,markdown,nodejs,koa2,mongoose,docker,shell,and async/await 基于react+koa2技术栈的个人开源博客系统
Stars: ✭ 175 (-11.62%)
Mutual labels: webpack3, fetch
Mande
600 bytes convenient and modern wrapper around fetch
Stars: ✭ 154 (-22.22%)
Mutual labels: fetch
Use Http
🐶 React hook for making isomorphic http requests
Stars: ✭ 2,066 (+943.43%)
Mutual labels: fetch
Tipple
A lightweight dependency-free library for fetching data over REST with React.
Stars: ✭ 133 (-32.83%)
Mutual labels: fetch
Webpack By Sample
Learn webpack by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.
Stars: ✭ 190 (-4.04%)
Mutual labels: webpack3
React Hooks Fetch
React custom hooks for data fetching with Suspense
Stars: ✭ 154 (-22.22%)
Mutual labels: fetch
React Fetch Component
React component to declaratively fetch data
Stars: ✭ 153 (-22.73%)
Mutual labels: fetch
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+934.85%)
Mutual labels: webpack3
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-27.27%)
Mutual labels: webpack3
Svg Sprite Loader
Webpack loader for creating SVG sprites.
Stars: ✭ 1,822 (+820.2%)
Mutual labels: webpack3
Weex Start Kit
A weex + vue template to build web/Android/iOS project
Stars: ✭ 155 (-21.72%)
Mutual labels: webpack3
Wretch
A tiny wrapper built around fetch with an intuitive syntax. 🍬
Stars: ✭ 2,285 (+1054.04%)
Mutual labels: fetch
React + Redux Example
入门示例项目
扫描二维码可以在线查看示例
,了解更多?——@IT·平头哥联盟
更新(2018-03-31)
- 升级了webpack、node-sass、babel等构建组件的版本,让编译速度、开发环境热更快;
- 优化了scss的配置方案,把css完全抽离出来独立的css文件,减小了js的文件大小,同时解决样式重复的问题。
技术交流
安装依赖包
- npm install (建议使用cnpm 因部分组件如不能翻墙会安装失败)
开发环境
- npm run dev
- 访问http://localhost:9081/#/
生成环境
- npm run build
- npm start
- 访问http://localhost/#/
要点
- 简单的react、redux 的入门,
- 主要分析项目目录的结构划分规化,
- 结合工作实际项目的情况进行模块划分、多人协作等的开发拓展,
- Redux 数据的初始化、更新、添加、删除、异步加载等操作
关于我
- 最近在写博客了,有兴趣的同学可以关注一下我和朋友一起整的公众号,专注于分享前端/测试的一些心得总结👇👇,
- 公众号:
honeyBadger8
。
还可以打赏哦~
- 如果觉得此示例对你有帮助,可以打赏我一点小费哦~ ^_^ ~
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].