React技术栈速查手册(Live with React)

发布时间:2021-07-12 14:13
最后更新:2024-06-17 13:30
所属分类:
前端 React

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


索引标签
前端
React
工具书

从React到SolidJS

发布时间:2023-12-25 13:26
最后更新:2023-12-27 16:00
所属分类:
前端 SolidJS

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


索引标签
React
SolidJS
前端

PostCSS使用速记

发布时间:2023-10-13 17:24
最后更新:2023-12-22 15:49
所属分类:
前端 CSS

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


索引标签
前端
CSS
PostCSS

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

发布时间:2022-05-11 11:14
最后更新:2022-05-11 11:14
所属分类:
前端 React Electron

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


索引标签
前端
React
Electron
Vite

在Vue 2中使用Tailwind CSS

发布时间:2021-08-24 14:10
最后更新:2021-08-24 14:10
所属分类:
前端 Vue

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


索引标签
前端
Vue
Tailwind CSS
CSS

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

发布时间:2021-08-15 21:31
最后更新:2021-08-15 21:31
所属分类:
前端 React

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


索引标签
前端
Javascript
Typescript
Electron
CRA
Create React App
React

基于React与Typescript构建Electron应用

发布时间:2021-07-19 23:17
最后更新:2021-07-19 23:17
所属分类:
前端 React

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


索引标签
前端
React
Typescript
Electron

React Native踩坑集锦

发布时间:2021-06-30 06:32
最后更新:2021-06-30 06:32
所属分类:
前端 React Native

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


索引标签
前端
Javascript
Typescript
React Native

一套通用的响应式布局

发布时间:2021-04-27 14:49
最后更新:2021-04-27 14:49
所属分类:
前端 CSS

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


索引标签
前端
CSS
Less
响应式布局
Responsive
Flex