Remix 对比 Next.js ：一文深度解析
sxkk20081年前109
前言Next.js 是用于服务器端渲染的最流行的 React 框架之一，它流行了很多年，并且被许多开发者所喜爱。然而，随着 Remix 的开源引入, 开发人员已经开始怀疑哪个框架对他们的应用程序来说更...
如何测试 React 路由 ？
sxkk20081年前104
前言本文承接上文 如何测试 React 异步组件？，这次我将继续使用 @testing-library/react 来测试我们的 React 应用，并简要简要说明如何测试路由系统。基本示例以下代码使用...
年会没中奖，老板买了一个抽奖程序
sxkk20081年前90
PK 创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛前言昨天参加了公司年会，显然我啥奖项都没中，什么“优秀员工”都跟我们前端工程师无关，不然我不会在这里写文了，等等，这里为什么...
初步尝试 tauri，并且与 electron.js 对比
sxkk20081年前81
在 2021 年 star 排行榜单中，tauri 一年增长了 18k 排名第五，我们就很好奇，Tauri 有什么优势呢？
然后我分别用 tauri 和 Electron.JS 打包测试一个 hello world 程序，一起来看下它们的大小。
大小对比
- Electron.JS
62.5mb - Tauri
4.32mb
Tauri 构建的桌面程序太小了，远不是 Electron.JS 可以相比的，因为它放弃了体积巨大的 Chromium 内核 和 nodejs，前端使用操作系统的 webview，后端集成了 Rust。 Tauri 提供了初始化程序的模板，比如原生 js, react, svelte.js, vue.js 等等。
什么是 Tauri?Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个...
[油猴脚本]文章拷贝助手，文章一键拷贝到微信公众平台
sxkk20081年前77
文章拷贝助手,文章一键拷贝到微信公众平台、知乎 下载 markdown为什么要写这个脚本最近开了个前端公众号，需要推送一些优质的文章，但由于时间的关系，原创内容太少，常规的做法是转载一些优秀的文章到自...
使用 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
一个为程序员设计的约会应用程序，你可以在上面刷代码。
- 📕 仓库地址: github.com
- 📗 插件地址: marketplace.visualstudio.com
通过写一段代码，展现自己，然后通过系统自动匹配交友。还有 ios 和安卓版 app。
小霸王
小霸王是一款基于 vscode 的 nes 游戏插件，能让你在紧张的开发之余在 vscode 里放松身心。通过劳逸结合，提升开发效率。
- 📕 仓库地址: github.com
- 📗 插件地址: marketplace.visualstudio.com
🌈 彩虹屁老婆一个在你写代码时疯狂夸赞你的二次元鼓励师/老婆。📕 仓库地址: 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 就可以运行开发环境
启动速度非常快，仅仅 3.3s， 打开 http://localhost:3000，此时 next.js 会再次编译，大概 200ms，这种优势得益于 next.js 按需编译的优势，也就是是说当前启动的时候，并不会全站打包，而是当进入某个页面的时候编译当前页面，所以速度相当快。
约定式路由
next 是约定式路由，在 pages 文件夹下的目录默认生成路由，即 '/src/pages/learn/add-react-to-a-website.md' 生成路由
/learn/add-react-to-a-website
此时发现里面的文档都是.md后缀的 Markdown 文件，那么 markdown 也可以写交互功能了吗？
前言https://beta.reactjs.org React 的新的文档已经 完成了 70 % 并且呼吁社区进行翻译工作。 新的文档采用了全新的架构 next.js + Tailwind CSS...