Redux
uncleAndyChen
自强不息,厚德载物
展开
-
react 技术栈学习,相关知识储备
node 与 cnpm 安装 安装 node 最新版,点击进入下载页面。建议下载【长期维护版本】,而不是【含实验性的最新发布版】。 安装 cnpm,参考官网:淘宝 NPM 镜像 最直接的方式:npm install -g cnpm --registry=https://registry.npm.taobao.org 编程思想 UI=render(data),React 组件扮演的是 r...原创 2018-11-25 18:36:43 · 2514 阅读 · 2 评论 -
react开发,日常经验汇总
npm升级package.json依赖包到最新版本号 使用工具包:npm-check-updates 全局安装ncu:npm install -g npm-check-updates 使用 检查package.json中dependencies的最新版本:ncu 更新dependencies到新版本:ncu -u 更新全部到最新版本:ncu -a Google Chrome 不能在线安装 Re...原创 2018-12-09 15:18:49 · 189 阅读 · 0 评论 -
React 项目调试技巧
前端开发的调试方式 借助以下插件进行调试。 Redux DevTools React Developer Tools React Perf F12 之后,在源代码处打断点。 堪比 Java 代码调试的方案:用 WebStorm + JetBrains IDE Support 插件,在 WebStorm 内调试代码,直接在 WebStorm 源代码上打断点,调试起来有点象在 IDEA 下调试...原创 2018-11-25 18:43:06 · 1961 阅读 · 1 评论 -
React+Redux工程目录结构,最佳实践
参考 Redux进阶系列1: React+Redux项目结构最佳实践 《深入浅出React和Redux》一书的第四章,P76,【4.2 代码文件的组织方式】。 React+Redux 工程目录结构组织 按角色类型组织 如果你用 MVC 框架开发过应用(无论是前端开发还是后端开发),应该知道 MVC 框架之下,通常有这样一种代码组织方式: controllers/ todoControlle...原创 2018-12-03 18:57:35 · 692 阅读 · 0 评论 -
react 项目,在生产环境去掉 propTypes 检查代码,打包时自动去除
关于PropTypes PropTypes包含一整套验证器,可用于确保你接收的数据是有效的。 能帮助我们在开发的时候及时发现问题。 没有propTypes定义,组件依然能够正常工作,而且,即使在propTypes检查出错的情况下,组件依然能工作。 propTypes只是一个辅助开发的功能,并不会改变组件的行为。 为了验证propTypes的作用,故意违反propTypes规则即可。在项目rea...原创 2018-12-04 19:22:26 · 1246 阅读 · 1 评论 -
《深入浅出React和Redux》一书的部分章节例子代码演练及相关知识点
项目地址 托管在 gitee 上的项目链接 https://gitee.com/uncleAndyChen/react-full-stack-learning 托管在 github 上的项目链接 https://github.com/uncleAndyChen/react-full-stack-learning 前言 针对《深入浅出React和Redux》一书中,某一个被挑选的例子,完成之后...原创 2018-11-25 21:20:09 · 1114 阅读 · 0 评论 -
react 技术栈(全家桶)学习
项目地址 托管在 gitee 上的项目链接 https://gitee.com/uncleAndyChen/react-full-stack-learning 托管在 github 上的项目链接 https://github.com/uncleAndyChen/react-full-stack-learning 项目说明 本项目分享个人学习 react 全家桶技术栈的一些经验心得。 学习过...原创 2018-11-25 21:18:45 · 400 阅读 · 0 评论 -
redux 官方示例 todomvc 两个警告修复
题外话: 本人有轻度代码洁癖,只要有警告,我会认为代码还有需要完善的地方,只要有时间我就会着手去解决它,去了解其背后的原因,了解为什么会发出警告,以及解决方案是什么,最终消除这些影响代码质量的“隐患”。 通过解决这类问题,会让自己对相关代码的理解更加深入,做到知其然,并且知其所以然,同时,能够让自己对相关知识点印象深刻。 两个警告相关的 PR 备注:PR 合并之后,最新版已经没有这两个警告了...原创 2018-11-25 21:13:33 · 549 阅读 · 0 评论 -
redux 官方示例 todomvc 中的 todoList 过滤事件解析
官方 todomvc 示例源码 如果已经安装 Git for Windows 客户端工具(传送门),在工作文件夹下,右键 -> Git Bash Here,依次执行下面的代码,查看运行效果,运行之后,可以修改源代码,如果编译通过,页面会自动刷新。 git clone https://github.com/reduxjs/redux.git cd redux/examples/todomvc/...原创 2018-11-25 21:11:41 · 294 阅读 · 0 评论 -
React 技术栈学习,redux 知识点
如何合理地设计 state 把整个应用的状态按照领域(Domain)分成若干子 state,子 state 之间不能保存重复的数据。 state 以键值对的结构存储数据,以记录的 key/ID 作为记录的索引,记录中的其他字段都依赖于索引。 state 中不能保存可以通过已有数据计算而来的数据,即 state 中的字段不互相依赖。 设计 state 总结 设计 Redux State 的关键在于,...原创 2018-11-25 18:36:23 · 308 阅读 · 0 评论 -
《React进阶之路》第九章示例 bbs-redux-reselect 解读
能学到些啥? 作为学习的例子,只有三个页面,但是麻雀虽小,五脏俱全。通过该例子可以学习到以下知识点: 项目的目录结构设计最佳实践。 项目的 state 设计和模块设计技巧。 异步获取 API 数据,以及将获取到的数据展示到页面上。 三个核心页面 登录页面。 帖子列表页面,仅展示帖子的基本信息。 帖子详情页面,展示帖子的详细内容,包括用户的评论列表。 测试账号 该bbs内置三个用户 to...原创 2018-12-17 10:10:24 · 379 阅读 · 0 评论