因为在接下来的项目当中会用到 Leaflet 相关内容，所以就打算从头开始系统的学习一下 Leaflet，本文的作用主要是简单的梳理一下在使用 Leaflet 的过程当中遇到的一些问题，主要参考的是 官网 当中提供的一些示例，下面我们就从最为基本的入门知识开始看起
文中所涉及到的所有
Leaflet示例均可在 leaflet-example 当中找到
Leaflet 入门
关于 Hook 的一些总结
因为手头上了项目暂时告一段落，也终于有时间可以回过头来总结总结，因为在之前关于 React 的使用也仅仅只局限在小型应用当中，而目前完结的这个项目算是整体基于 React 全家桶搭建而成的项目
当然在开发当中也遇到了不少棘手的问题，也踩了不少的坑，尤其是关于 Hook 的一些使用方面，所以也就打算抽些时间，重新温故一下文档以及参考一些前辈们整理的文章，简单的梳理一下在使用 Hook 过程当中遇到的一些问题和总结
自定义 Hook
因为最近在项目当中使用了较多的 Hook 来进行开发，用到了不少的自定义 Hook，期间也踩了不少的坑，所以打算在这里简单的总结梳理一下
因为我们在之前的 React 中的 Hook 章节当中已经梳理过了关于 Hook 的一些基本使用内容，所以这里也就不再多做提及，我们主要来深入的了解一些自定义 Hook 的封装和使用方式
在 React 当中使用 TypeScript
本文的主要目的是梳理一下在 React 当中使用 TypeScript，也就是 React 和 TypeScript 的结合使用，主要参考的是 React+TypeScript Cheatsheets，在原文基础之上有所调整，主要是方便自己理解，想要了解更为详细的内容可以参考原文
前半部分会梳理一下在 React 当中经常用到的一些 TypeScript 类型定义，后半部分会梳理一些在实际应用过程当中遇到的问题
深入 TypeScript 当中的泛型
我们在之前的 重温 TypeScript 与 深入 TypeScript 的章节当中介绍了一些 TypeScript 的基本使用方式和一些进阶内容，本来是打算将泛型相关内容一同整理到其中的，但是梳理下来发现泛型涉及到的内容还是比较多的，所以就另起篇幅来单独介绍介绍泛型的相关内容，主要参考的是 Typescript Generics，在原文基础之上有所调整，主要是方便自己理解，想要了解更为详细的内容可以参考原文
深入 TypeScript
接上回 重温 TypeScript，在之前的章节当中，我们简单的梳理一下 TypeScript 的基础内容和基本用法，本章当中我们就来看一些 TypeScript 当中的进阶内容，也算是针对于 TypeScript 做一个比较深入的学习记录吧，主要包括以下内容
重温 TypeScript
虽然之前一直项目当中使用 Angular 来进行业务开发，但是总感觉对于 TypeScript 这一块的内容还是只停留在比较浅的使用层面，而最近又开始涉及到 React 相关内容，发现 React + TypeScript 算是业界标配了，所以就打算抽些时间深入的学习一下 TypeScript，在这里记录记录，也算是查漏补缺吧
Fiber 架构的简单实现
我们在之前的文章当中梳理了 React Fiber 相关内容，了解了 Fiber 的基本作用以及它内部一些简单的运行原理，所以在本章当中我们来继续深入理解其原理，尝试尝试手动的模拟实现一个简易版本的 Fiber 架构，本文主要参考的是 Build your own React，内容有所调整，主要是为了方便自己理解，更多详细内容可以查看原文，下面我们就先从 JSX 开始看起
完整代码地址可见 Fiber 架构的简单实现
深入 React Fiber
我们都知道，React 是一个用于构建用户交互界面的 JavaScript 库，其核心机制就是跟踪组件的状态变化，并将更新的状态映射到到新的界面，在 React 中，我们将此过程称之为『协调』（Reconcilation），我们调用 setState 方法来改变状态，而框架本身会去检查 state 或 props 是否已经更改来决定是否重新渲染组件，React 的官方文档对 协调机制 进行了良好的抽象描述，即
React的元素、生命周期、render方法，以及应用于组件子元素的Diffing算法综合起到的作用，就是『协调』
