React技术栈速查手册(Live with React)
这本自编的工具书《Live wtih React》(原名:《React 技术栈速查手册》)自很早就在更新了,但是之前一直仅在自己周围的小圈子里使用。现在把这本小书共享出来,希望能够服务更多的人。
这本自编的工具书《Live wtih React》(原名:《React 技术栈速查手册》)自很早就在更新了,但是之前一直仅在自己周围的小圈子里使用。现在把这本小书共享出来,希望能够服务更多的人。
SolidJS是一个号称比React还要react的框架。SolidJS与React一样,也是使用JSX编写代码,但是与React不同的是,SolidJS没有使用React中使用的VDOM技术,而是直接处理DOM树。这种处理方式就赋予了SolidJS接近原生Javascript的性能。
在几乎Typescript已经成功统治前端领域的今天,做为前端人,你是已经习惯了Typescript的类型声明,还是依旧对Typescript怀抱抵触心理?而且网络上各种“去Typescipt”的言论和行动此起彼伏,从来都没有断绝的意思。
不过我也相信很多人在使用一段时间Typescript以后,都会产生一个疑问:Typescript到底给我带来了什么好处?
PostCSS 是一个使用 Javascript 来处理 CSS 的工具库。我们通常会在许多 UI 框架中看到它的身影,习惯于使用 SASS、LESS 等 CSS 预处理器的我们,可能第一眼会觉得这是不是一个新的预处理器。但是事实是,PostCSS 是一个用于转换 CSS 语法的工具。CSS 文件经过 PostCSS 中多种插件的处理以后,就会形成全新的 CSS 内容。
之前构建过一套基于Create-React-App的Electron应用脚手架,但是在日常的使用过程中发现,新出的Vite工具在构建和编译、打包的过程更加迅速。所以这就有了现在这篇文章,也就是尝试制作一个基于Vite进行构建的模板。
Tailwind CSS是一个非常便利的CSS框架,可以大大提速对于页面样式的设置。但是在Vue 2中的使用Tailwind CSS则是因为一些版本的原因存在兼容性问题。这片文章就是来记录一下如何在Vue 2中使用Tailwind CSS的。
Electron是前端开进桌面开发的主要工具,很多前端技术栈都提供了将自身融入Electron框架运行的能力。但是对于React来说,需要自定义的东西太多了,在开始桌面应用的开发时,十分的不方便。这里根据在实际项目工作中的经验,搭建了两款使用React开发Electron应用的模板,供大家在构建Electron应用时使用。
Electron 可以利用前端技术构建跨平台的 GUI 应用,但是 Electron 主要提供的是使用基础 HTML 5 技术来展现 UI 界面的,而且后端技术也是因为基于 Node.js,而限定在了 Javascript 上。这就对计划采用 React 搭配 Typescript 开发 GUI 应用相当的不友好,也就需要更多的配置环节。这里将通过对构建和配置过程进行记录来为基于 React 和 Typescript 开发 GUI 应用提供一条通道。
React Native是一个利用前端技术实现的移动端框架,所以在开发环境构建和应用开发过程中,常常需要同时用到前端和移动端的技术,这也就导致了React Native在使用的时候也会同时踩前端和移动端的两重坑。这里对已经踩过的坑做一个记录,方便再碰上以后能跳过去。
响应式布局通常都是使用@media
媒体查询来完成,但是要实现每一套查询都需要编写大量重复的CSS代码,借用Less预处理器提供的函数功能,可以非常有效的将它们抽象出来。