关于前端:前端周刊第68期

1次阅读

共计 2571 个字符,预计需要花费 7 分钟才能阅读完成。

周刊首发于微信公众号“写代码的宝哥”,欢送各位前端小伙伴前来关注!

快讯

  • 间隔 jQuery 1.0 公布已过来 17 年
  • Node 20.6.0 将内置 .env 文件反对:node -env-file=.env index.js

文章

  • Use web components for what they’re good at。这篇文章是对 If Web Components are so great, why am I not using them? 的回应,Web Components 并不是一无是处,它有本人善于的某些方面,咱们要取长补短,充分利用好 Web Components 技术
  • Shadow DOM: Not by Default – Enhance 是一个 HTML FIRST 的全栈 Web 框架(相似 htmx),团队成员 Simon MacDonald 解释为什么没有把 Shadow DOM 作为默认配置应用
  • WebAssembly: byte-code of the future – 本文介绍了 WebAssembly(.wasm)的基本概念、根本应用(浏览器和 Node 端)及将来瞻望
  • Deep Dive: Caching and Revalidating – 深刻学习 Next.js App Router 构造下缓存及校验原理,作为官网文档 Caching in Next.js 的补充
  • Using TypeScript in React – React 官网文档减少了 TypeScript 章节。深入浅出地介绍了 TypeScript 与 React 联合应用的所有常识,十分有用
  • On React Suspense’s throttling – 在这篇文章中,作者讲述了嵌套 Suspense 组件时会呈现的一些奇怪行为(作者 Andrei Gătej 的集体博客近期都是议论 React 方面比拟深刻的话题,值得一读)
  • Building a Two-Way Data Binding Hook for Form Inputs in React – 作者介绍了如何在 React 中通过 Hook 来实现与 Vue 中 v-model 类似的双向数据绑定成果
  • 📽️ React Query With The App Router – 11 分钟的视频介绍 React Query v5 是如何在 Next.js 的 App Router 架构中工作的
  • Getting Started in a New Codebase – 如何开始一个新的代码库?作者给出了几点倡议
  • How to make an impact as a developer advocate – 如何做一个有影响力的 Developer Advocate(DA)
  • Why You Should Make a Game Engine: 5 Years as a Developer – 一位游戏引擎开发人员的 5 年感想。总结下来就是有能力、很侥幸
  • Getting started with SCSS – SCSS 简略入门教程
  • I built a garbage collector for a language that doesn’t need one – 作者闲来无事,为 Rust 写了一个垃圾收集器库(应用 Rust 语言),尽管 Rust 并不需要
  • Val Town Runtime v3 – My mistakes were easy, the solutions simple – Val Town 是一个线上编写和运行代码的平台。本文作者谈了在建站时遇到的大坑。论断是:不要为 JavaScript 增加自定义性能,而是通过编辑器性能让规范 JavaScript 更简略
  • What helps people get comfortable on the command line? – 本文列举了特地难受于应用命令行程序时一些场景。仅存在于命令行程序中的一些“杀手级利用”算一个,像 oh-my-zsh、fish 这类 shell 程序也算一个

公布

  • Expresso TS 1.7.0 – Typescript + Node.js 轻量级框架,用于疾速构建后端利用
  • Vitest v0.34.2 – Vite 驱动的单元测试框架
  • Bun v0.8 – debugger 反对、SvelteKit 反对、一些新的 CLI tools
  • FormKit 0.18.4 – Vue 表单框架

工具

  • blog-cells:让你能够在任何博客或网站上增加代码片段。它与 Jupyter 笔记本相似,但由 JavaScript 驱动,齐全在浏览器中运行
  • Styled2Tailwind – 一个 codemod,用于将 Styled-Components 代码转换成 TailwindCSS 代码。🌟 开发动机:Styled-Components 与服务器组件并不兼容,而 Tailwind 则能够直接插入,并且表现出色!
  • Multi – MacOS 上一款收费的视频通话软件。好用的中央不仅在于能够近程视频聊天,还能成为多人合作软件。
  • Excalidraw editor – 一个手绘格调的网页白板。repo。

资源

  • You Don’t Know JS Yet (book series) – 2nd Edition – 2nd Edition”) – Kyle Simpson 的《你不晓得的 JS(第二版)》正在书写中,目前曾经曾经实现了 2 本。同样,所有内容都能够在 Github 上收费浏览
  • Web Performance Tips ⚡ – 这个站点列举了很多对于晋升 Web 性能方面的 Tips。

  • TypeChat – 编写程序时,ChatGPT 这类大语言模型(LLM)的发问失去的答复往往不能间接用于我的项目。TypeChat 就是 LLM 到应用程序之间的桥梁——通过预约义类型,由 TypeChat 为咱们定义 Prompts 并规范化 LLM 的返回的数据,并返回给咱们高度定义好的 Response
  • useHooks 2.1 – 50+ 古代、服务器平安(server-safe)React Hooks 汇合,来自 ui.dev 团队
  • UnoCSS – 按需、即时的原子 CSS 引擎
  • Tremor – 用于疾速构建仪表盘页面(Dashboard)的 React 库
  • Refine – 一个通用的 React 框架,疾速构建成熟的企业级 CRUD 我的项目
  • React Hook Form – 高性能、灵便的 的表单 React 表单校验库,实用于 React Web 及 React Native。这里有篇教程可供学习
  • AutoAnimate – 零配置、框架无关、即插即用的动画工具,为你的我的项目增加平滑的过渡成果

材料起源:Bytes #215、#216、React Newsletter #381 & DEV Community Newsletter

本文由 mdnice 多平台公布

正文完
 0