Line, Area, Column, Bar, Pie, Progress 같은 다양한 차트들을 만들 수 있다.
Area Chart
Scatter
https://github.com/imbhargav5/rooks
/***
useMouse: Mouse position hook for Reach
*/
import { useMouse } from 'rooks';
function Demo() {
const { x, y } = useMouse();
return (
<>
<p> Move mouse here to see changes to position </p>
<p>X position is {x || 'null'}</p>
<p>X position is {y || 'null'}</p>
</>
);
}
render(<Demo />);
https://github.com/uber/baseweb
uber에서 만든 라이브러리다.
Button, Checkbox 외에도 Payment Card, Pin Code 같은 템플릿도 있다.
SEO는 어떻게 적용할 수 있는지에 대한 설명도 짧긴 하지만,, 포함되어 있다.
https://github.com/timlrx/tailwind-nextjs-starter-blog
nextjs와 tailwind 2.0을 사용해서 블로그를 쉽게 만들 수 있는 것 같다.
Features에 보면 거의 완벽한 lighthouse score, 첫 로드시 39kb의 js로드. production build시 Preact를 사용했다고 한다.
그 외에도 되게 많다.
https://github.com/naver/egjs-infinitegrid/tree/master/packages/react-infinitegrid
infinite grid. naver에서 만들었다.
virtual scroll, loading bar와 data delay 포함된 컴포넌트, performance가 개선된 컴포넌트가 있다.