最近太忙好久不写博客了， 欠了三篇啊！！！！！！！！！！！！！（以后有时间再补上）

本次博客， 是因为同事最近分享了React 18 新出的特性， 觉得长见识了，就一起学学习吧！！了解React 18新特性。

本文主要参考最近同事分享的一文让你搞懂React18新特性及其实现 ， react18新特性及实践总结。

Google-zx 是谷歌推出的一个开源的项目， 一个可以使用前端熟悉的JavaScript语法来编写 shell 的工具。如：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

await $`cat package.json | grep name`

let branch = await $`git branch --show-current`
await $`dep deploy --branch=${branch}`

await Promise.all([
  $`sleep 1; echo 1`,
  $`sleep 2; echo 2`,
  $`sleep 3; echo 3`,
])

let name = 'foo bar'
await $`mkdir /tmp/${name}`

上面代码中可以看出在 JavaScript 中 插入了 shell。那么这种写法行不行呢？ 答案是可以的，如果我们使用了Google-zx 的话。

最近在写一个npm包。写的过程中遇到的最大问题是：如何在 npm install <package> 之前能够先执行一个脚本呢？。那么本篇文章将带着这个问题去了解 npm 脚本。读完本篇文章你可以了解：

• 什么是 npm 脚本？
• 如何使用 npm 脚本
• npm 脚本相关的生命周期（重点）

最近看了 Koa 源码， 觉得Koa源码设计得特别巧妙而且也很简单，易读懂。基础的代码只有不到 2000 行。我们知道 Koa 是一个很轻量级的web框架， 里面除了middleware 和 ctx 之外就什么没有了。虽然很简单， 但是功能还是很强大的，它仅仅是靠中间件就是搭建完整的web应用。这篇文章主要记录一下学习的笔记， 供之后翻阅。

读完这篇文章将会了解到：

• 著名的洋葱模型
• 上下文如何构建

Koa官方 Koa 中文文档。Koa的源码可直接从 github 上获取

一直都想实现一个自己的 UI 组件npm库。这样可以沉淀自己的组件，也可以学习更多的知识点；但是有很多的概念不是很了解，所以一致觉得目标太过遥远。但是在了解一些细节和原理之后，构建自己的组件库其实也是一件很简单的事。读完本篇文章可以了解到:

• 如何一步一不的实现UI组件库
• 如何调试 UI 组件
• 如何给 UI 组件做单元测试
• 如何给 UI 组件做文档站及发布

最近做的项目用到了TypeScript ，之前也看过一些，但是没有看完。所以既然项目用到了，觉得还是有必要过一遍，趁着最近正好有点时间可以再看看，把之前没学习完也正好补上。本文就当是一个学习的记录，方便供后期翻阅。读完这篇文章将了解到：

• TypeScript 是什么？
• TypeScript 的优缺点
• TypeScript 有哪些基础类型？
• TypeScript 如何定义函数，类，接口?
• TypeScript 的泛型

TypeScript 官方文档, 非官方中文文档

最近一直使用 React 开发， 是遇到一些觉得比较疑惑的问题；如： 我写的都是纯粹的函数组件，我们明明没有使用React， 为什么仍然需要在头部引入 import React from 'react';呢？ 本篇文章将来解答这个问题。

又要开始抗起React 搬砖了，多了很多的 hook， 嗯 😔，先好好学学吧！做个简单的学习记录。读完本篇文章可以了解到：

• 什么是 Hook?
• Hook 解决什么问题?
• Hook有哪些规格？
• React内置了哪些 Hook？

从一个简单的问题开始：

如何使用程序来描述下面的问题？

在一组候选人中，找到满足以下条件的的数据：

• 所有的候选人性别为女
• 数据按照年龄来排序
• 输出姓名以及年龄的信息

对于前端开发来说， 请求是日常工作必备的；前端主要通过请求与后端进行交互，特别在前后端分离的模式开发下，请求就更重要了。那么掌握前端发送请求的方式很重要的。那么前端请求常用的方式有哪些呢？具体做业务的时候我们选择什么样的请求方式呢？