DC_er

如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。 默认情况下，不接受运行在 HTTPS 上，且使用了无效证书的后端服务器。如果你想要接受，只要设置 secure: false 就行。修改配置如下： 有时你不想代理所有…

在react-redux 框架中，给我提供了两个常用的API来配合Redux框架的使用，其实在我们的实际项目开发中，我们完全可以不用react-redux框架，但是如果使用此框架，就如虎添翼了。 React-Redux 将所有组件分成两大类：UI 组件（presentation…

在动手将TypeScript融合进现有的React项目之前，先看一下create-react-app是怎么做的。 react-scripts-ts是一系列适配器，它利用标准的create-react-app工程管道并把TypeScript混入进来。此时的工程结构应如下所示： t…

Puppeteer 是一个 Node 库，它提供了高级的 API 并通过 DevTools 协议来控制 Chrome(或Chromium)。通俗来说就是一个 headless chrome 浏览器 (也可以配置成有 UI 的，默认是没有的) Page 至少有一个主框架(main…

最近在学习RxJS，它是使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。 下面主要介绍Observables 与 promise的不同点。 下面改写为observables的写法，使用 next 替代 promise 的 resolve， 用…

记得开始接触 react 技术栈的时候，最难理解的地方就是 redux。全是新名词：reducer、store、dispatch、middleware 等等，我就理解 state 一个名词。 花了很长时间熟悉 redux，慢慢的发现它其实真的很简单。本章不会把 redux 的各…

不卖关子，先揭晓答案，4 次 log 的值分别是：0、0、2、3。 若结果和你心中的答案不完全相同，那下面的内容你可能会感兴趣。 同样的 setState 调用，为何表现和结果却大相径庭呢？让我们先看看 setState 到底干了什么。 setState 只在合成事件和钩子函数…

在 React 的世界中，有容器组件和 UI 组件之分，在 React Hooks 出现之前，UI 组件我们可以使用函数，无状态组件来展示 UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给 UI 组件进行渲染。在我看来，使用 …

目前，Hooks 应该是 React 中最火的概念了，在阅读这篇文章之前，希望你已经了解了基本的 Hooks 用法。 ...... 这篇文章我们不会讲解 Hooks 的概念和用法，而是会带你从零实现一个 tiny hooks，知其然知其所以然。 这时我们发现，点击 Button…

Render Props 的核心思想是，通过一个函数将class组件的state作为props传递给纯函数组件。这句话理解起来比较拗口。其实无论是上上篇文章中的React mixins还是上篇文章中的React HOC都是在解决代码复用问题，Render Props也不无例外。…