Where there is a will there is a way

官方项目里的版本为1.0.0，实际上习惯称这个版本为 v4，相对之前的版本，改动比较大。请参考：Ant Design Pro v4 is HereAnt Design Pro 相关文档github 地址中文文档区块中文文档下载区块在 windows 10 下 npm run fetch:blocks，总是非常慢，还经常卡住不动，而且即使显示执行成功，实际上有好多文件没有下载完，导...

前后端分离，后端返回文件流，在前端通过请求 api 的方式下载 excel 文件。前端代码适用于 v4，应该也适用于 v2.3.1，在 v4 版本下测试通过，如果用的是 v2.3.0，请看最后面的修改方式。另外，刚用 TypeScript，因为还不是很熟，有些地方还不符合 TypeScript 的编码规范，先将就看~~export function excelDownload(url,...

能学到些啥？作为学习的例子，只有三个页面，但是麻雀虽小，五脏俱全。通过该例子可以学习到以下知识点：项目的目录结构设计最佳实践。项目的 state 设计和模块设计技巧。异步获取 API 数据，以及将获取到的数据展示到页面上。三个核心页面登录页面。帖子列表页面，仅展示帖子的基本信息。帖子详情页面，展示帖子的详细内容，包括用户的评论列表。测试账号该bbs内置三个用户to...

关于 ESLint 介绍，以及在项目中如何配置，请参考WebStorm + React 项目，配置 ESLint。配置文件ESLint 支持几种格式的配置文件，如果同一个目录下有多个配置文件，ESLint 只会使用一个。优先级顺序如下：JavaScript - 使用 .eslintrc.js 然后输出一个配置对象。YAML - 使用 .eslintrc.yaml 或 .eslintrc....

WebStorm 提示 Error: No ESLint configuration found.需要配合 ESLint 的配置文件，如果不想配置，可以临时在 WebStorm 中将 ESLint 禁用掉。Ctrl+Alt+s -> Languages & Frameworks -> Code Quality Tools -&am

npm升级package.json依赖包到最新版本号使用工具包：npm-check-updates全局安装ncu：npm install -g npm-check-updates使用检查package.json中dependencies的最新版本：ncu更新dependencies到新版本：ncu -u更新全部到最新版本：ncu -aGoogle Chrome 不能在线安装 Re...

参考Redux进阶系列1: React+Redux项目结构最佳实践《深入浅出React和Redux》一书的第四章，P76，【4.2 代码文件的组织方式】。React+Redux 工程目录结构组织按角色类型组织如果你用 MVC 框架开发过应用（无论是前端开发还是后端开发），应该知道 MVC 框架之下，通常有这样一种代码组织方式：controllers/ todoControlle...

关于PropTypesPropTypes包含一整套验证器，可用于确保你接收的数据是有效的。能帮助我们在开发的时候及时发现问题。没有propTypes定义，组件依然能够正常工作，而且，即使在propTypes检查出错的情况下，组件依然能工作。propTypes只是一个辅助开发的功能，并不会改变组件的行为。为了验证propTypes的作用，故意违反propTypes规则即可。在项目rea...

项目地址托管在 gitee 上的项目链接 https://gitee.com/uncleAndyChen/react-full-stack-learning托管在 github 上的项目链接 https://github.com/uncleAndyChen/react-full-stack-learning前言针对《深入浅出React和Redux》一书中，某一个被挑选的例子，完成之后...

项目地址托管在 gitee 上的项目链接 https://gitee.com/uncleAndyChen/react-full-stack-learning托管在 github 上的项目链接 https://github.com/uncleAndyChen/react-full-stack-learning项目说明本项目分享个人学习 react 全家桶技术栈的一些经验心得。学习过...

题外话：本人有轻度代码洁癖，只要有警告，我会认为代码还有需要完善的地方，只要有时间我就会着手去解决它，去了解其背后的原因，了解为什么会发出警告，以及解决方案是什么，最终消除这些影响代码质量的“隐患”。通过解决这类问题，会让自己对相关代码的理解更加深入，做到知其然，并且知其所以然，同时，能够让自己对相关知识点印象深刻。两个警告相关的 PR备注：PR 合并之后，最新版已经没有这两个警告了...

官方 todomvc 示例源码如果已经安装 Git for Windows 客户端工具（传送门），在工作文件夹下，右键 -> Git Bash Here，依次执行下面的代码，查看运行效果，运行之后，可以修改源代码，如果编译通过，页面会自动刷新。git clone https://github.com/reduxjs/redux.gitcd redux/examples/todomvc/...

准备工作WebStorm 的 Javascript Debug 只能选择 chrome（至少在我的电脑上是这样），所以，JetBrains IDE Support 插件需要安装到 chrome 上。chrome 最新版下载安装插件，在应用中心，搜索：JetBrains IDE Support，不过，如果谷歌应用中心，由于众所周知的原因不能访问的话，可以下载离线版进行安装。安装包下载下...

前端开发的调试方式借助以下插件进行调试。Redux DevToolsReact Developer ToolsReact PerfF12 之后，在源代码处打断点。堪比 Java 代码调试的方案：用 WebStorm + JetBrains IDE Support 插件，在 WebStorm 内调试代码，直接在 WebStorm 源代码上打断点，调试起来有点象在 IDEA 下调试...

如何合理地设计 state把整个应用的状态按照领域（Domain）分成若干子 state，子 state 之间不能保存重复的数据。state 以键值对的结构存储数据，以记录的 key/ID 作为记录的索引，记录中的其他字段都依赖于索引。state 中不能保存可以通过已有数据计算而来的数据，即 state 中的字段不互相依赖。设计 state 总结设计 Redux State 的关键在于，...

相关函数hasOwnProperty()用来检测一个对象是否含有特定的自身属性；和 in 运算符不同，该方法会忽略掉那些从原型链上继承到的属性。reduceArray的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算，其效果就是[x1, x2, x3, x4].red...

node 与 cnpm 安装安装 node 最新版，点击进入下载页面。建议下载【长期维护版本】，而不是【含实验性的最新发布版】。安装 cnpm，参考官网：淘宝 NPM 镜像最直接的方式：npm install -g cnpm --registry=https://registry.npm.taobao.org编程思想UI=render(data)，React 组件扮演的是 r...