ArchGrid

React技术栈速查手册（Live with React）

这本自编的工具书《Live wtih React》（原名：《React 技术栈速查手册》）自很早就在更新了，但是之前一直仅在自己周围的小圈子里使用。现在把这本小书共享出来，希望能够服务更多的人。

从React到SolidJS

SolidJS是一个号称比React还要react的框架。SolidJS与React一样，也是使用JSX编写代码，但是与React不同的是，SolidJS没有使用React中使用的VDOM技术，而是直接处理DOM树。这种处理方式就赋予了SolidJS接近原生Javascript的性能。

使用JSDoc代替一部分的Typescript

在几乎Typescript已经成功统治前端领域的今天，做为前端人，你是已经习惯了Typescript的类型声明，还是依旧对Typescript怀抱抵触心理？而且网络上各种“去Typescipt”的言论和行动此起彼伏，从来都没有断绝的意思。

不过我也相信很多人在使用一段时间Typescript以后，都会产生一个疑问：Typescript到底给我带来了什么好处？

PostCSS使用速记

PostCSS 是一个使用 Javascript 来处理 CSS 的工具库。我们通常会在许多 UI 框架中看到它的身影，习惯于使用 SASS、LESS 等 CSS 预处理器的我们，可能第一眼会觉得这是不是一个新的预处理器。但是事实是，PostCSS 是一个用于转换 CSS 语法的工具。CSS 文件经过 PostCSS 中多种插件的处理以后，就会形成全新的 CSS 内容。

构建一套基于Vite+React的Electron应用脚手架

之前构建过一套基于Create-React-App的Electron应用脚手架，但是在日常的使用过程中发现，新出的Vite工具在构建和编译、打包的过程更加迅速。所以这就有了现在这篇文章，也就是尝试制作一个基于Vite进行构建的模板。

在Vue 2中使用Tailwind CSS

Tailwind CSS是一个非常便利的CSS框架，可以大大提速对于页面样式的设置。但是在Vue 2中的使用Tailwind CSS则是因为一些版本的原因存在兼容性问题。这片文章就是来记录一下如何在Vue 2中使用Tailwind CSS的。

推荐两个用于Create React App的Electron应用模板

Electron是前端开进桌面开发的主要工具，很多前端技术栈都提供了将自身融入Electron框架运行的能力。但是对于React来说，需要自定义的东西太多了，在开始桌面应用的开发时，十分的不方便。这里根据在实际项目工作中的经验，搭建了两款使用React开发Electron应用的模板，供大家在构建Electron应用时使用。

基于React与Typescript构建Electron应用

Electron 可以利用前端技术构建跨平台的 GUI 应用，但是 Electron 主要提供的是使用基础 HTML 5 技术来展现 UI 界面的，而且后端技术也是因为基于 Node.js，而限定在了 Javascript 上。这就对计划采用 React 搭配 Typescript 开发 GUI 应用相当的不友好，也就需要更多的配置环节。这里将通过对构建和配置过程进行记录来为基于 React 和 Typescript 开发 GUI 应用提供一条通道。

React Native踩坑集锦

React Native是一个利用前端技术实现的移动端框架，所以在开发环境构建和应用开发过程中，常常需要同时用到前端和移动端的技术，这也就导致了React Native在使用的时候也会同时踩前端和移动端的两重坑。这里对已经踩过的坑做一个记录，方便再碰上以后能跳过去。

一套通用的响应式布局

响应式布局通常都是使用@media媒体查询来完成，但是要实现每一套查询都需要编写大量重复的CSS代码，借用Less预处理器提供的函数功能，可以非常有效的将它们抽象出来。