使用 React hooks 监听系统的暗黑模式

sxkk20081年前120
前言苹果的“暗黑模式”带来了全然一新的外观,它能使您的眼睛放松,并有助于您专心工作。暗黑模式使用一种较深的配色方案,这种配色作用于整个系统,现在大部分网站也加入了暗黑模式,包括 Tailwindcss...

TailwindCSS 资源推荐

sxkk20081年前98
前言TailwindCSS 发布了 3.0, 功能也越来越好用,那么是否有与之相关的组件库呢 ? 每个项目都有 awesome ,TailwindCSS 也有 awesome-tailwindcss,...

使用 esbuild 来打包一个 React 库

sxkk20081年前121
前言esbuild 的大名相信大家也有耳闻,它是一个非常快的 Javascript 打包工具,用 GO 语言编写,是 figma 的 cto Evan Wallace 著作的,一个 30 min 的...

盘点那些好玩有趣的 VSCODE 插件

sxkk20081年前106

vsinder

一个为程序员设计的约会应用程序,你可以在上面刷代码。

image

通过写一段代码,展现自己,然后通过系统自动匹配交友。还有 ios 和安卓版 app。

小霸王

小霸王是一款基于 vscode 的 nes 游戏插件,能让你在紧张的开发之余在 vscode 里放松身心。通过劳逸结合,提升开发效率。

image.png

🌈  彩虹屁老婆一个在你写代码时疯狂夸赞你的二次元鼓励师/老婆。📕 仓库地址: github.com📗 插件地址: marketplace.visualstudio.comvsinder一个为程序员设...

React 新的文档用到了哪些技术?

sxkk20081年前112
新的文档采用了全新的架构 next.js + Tailwind CSS ,改版后的文档界面有种焕然一新的感觉,支持暗黑模式,我们可以在线学习,并且写代码,采用了这种所见即所得的形式,大大降低了学习者的成本,我也被这种形式所深深吸引,那么这种所见即所得的形式是如何实现的呢?

基本介绍

新文档地址在 https://github.com/reactjs/reactjs.org/ 中的 beta 目录下,外层代码是目前的文档代码,那么我们可以直接 git clone 并且拷贝 beta 目录下的内容

这里面有 yarn.lock 文件,跟绝大多数 next 项目一样 yarn install 之后,运行 yarn dev 就可以运行开发环境

s16501401132022

启动速度非常快,仅仅 3.3s, 打开 http://localhost:3000,此时 next.js 会再次编译,大概 200ms,这种优势得益于 next.js 按需编译的优势,也就是是说当前启动的时候,并不会全站打包,而是当进入某个页面的时候编译当前页面,所以速度相当快。

约定式路由

s16384301132022 next 是约定式路由,在 pages 文件夹下的目录默认生成路由,即 '/src/pages/learn/add-react-to-a-website.md' 生成路由 /learn/add-react-to-a-website

此时发现里面的文档都是.md后缀的 Markdown 文件,那么 markdown 也可以写交互功能了吗? image.png

前言https://beta.reactjs.org React 的新的文档已经 完成了 70 % 并且呼吁社区进行翻译工作。 新的文档采用了全新的架构 next.js + Tailwind CSS...

使用 React-DnD 打造简易低代码平台

sxkk20081年前86

image.png

前言2016 年起,低代码概念开始在国内兴起,当年该行业总共有 10 起融资事件,之后低代码行业融资笔数整体呈上升趋势,并在 2020 年增长至 14 起,其中亿元以上融资有 13 起。从融资轮次分布...

[TDD] 如何测试 React 异步组件?

sxkk20081年前66
前言本文承接上文 如何测试驱动开发 React 组件?,这次我将继续使用 @testing-library/react 来测试我们的 React 应用,并简要简要说明如何测试异步组件。异步组件的测试内...

盘点掘金 2021 点赞高达 6000,收藏过万的文章

sxkk20081年前95
写给初中级前端的高级进阶指南作者: ssh_晨曦时梦见兮点赞: 6060收藏: 10401阅读: 243486分类: 前端1.5 万字概括 ES6 全部特性(已更新 ES2020)作者: JowayY...

盘点掘金 2021 高赞 Vue 文章

sxkk20081年前98
vue 中 Axios 的封装和 API 接口的管理作者: 愣锤点赞 4195收藏 4896阅读 200697分类 前端Vue 开发必须知道的 36 个技巧【近 1W 字】作者: 火狼 1点赞 415...

盘点掘金 2021 高赞 React 文章

sxkk20081年前95
「React 进阶」 React 全部 api 解读+基础实践大全(夯实基础 2 万字总结)作者: 我不是外星人点赞 2556收藏 3283阅读 48506分类 前端React 开发必须知道的 34...