第33期:如何学习前沿技术

date

Jan 21, 2022

slug

2022-weekly-3

status

Published

⚒️ 开源与库

nanostores —— 1.2K ⭐️ 一个小巧(199字节)的状态管理器，用于React/RN/Preact/Vue/Svelte。

30secondsofcode.org

iconoir.com ——1.9K⭐️ Open Source Icons Library

Amplify UI —— 亚马逊的一个开源的设计系统，使用云连接的组件和原语，可以在React、Angular和Vue(很快会有更多)中构建可访问的、高性能的、漂亮的应用程序。

Eleventy —— 11.1K⭐️ 静态站点生成器，之前应该有过介绍，嗨，1.0发布了，简单好用，适合建站使用。

billboard.js—— 5.1K⭐️ D3 图表库。

Two.js—— 7.5K⭐️ 为现代浏览器设计的二维绘图api。它与渲染器无关，使相同的api能够在多种环境中渲染:webgl、canvas2d和svg。

tabby.sh —— 28.7K ⭐️ A terminal for a more modern age

picocss.com—— 3.9K ⭐️ CSS框架

rakkasjs.org —— Lightning fast Next.js alternative powered by Vite

这里还有文章 精读《react-intersection-observer 源码》

import React from 'react';
import { useInView } from 'react-intersection-observer';

const Component = () => {
  const { ref, inView, entry } = useInView({
    /* Optional options */
    threshold: 0,
  });

  return (
    <div ref={ref}>
      <h2>{`Header inside viewport ${inView}.`}</h2>
    </div>
  );
};