2020년 12월

2022년 컬러 트렌드

 

svg icon에 색상입히기

- 색상있는 아이콘은 제외

 

wasm(rust) + react 

 

방어적인 CSS

 

RSC(react server component)와 Remix

- 놀라운 UX를 제공하는 Remix

 

The State of CSS 2021

 

RSC(React Server Component) vs SSR(Server Side Rendering)

- SSR은 최초 앱에 접속시 앱 전체를 일회성으로 서버에서 렌더링(앱 단위, 일회성, hydrate, SEO 친화적)

- RSC로 정의한 컴포넌트는 항상 서버에서 렌더링(컴포넌트 단위, 무상태, 비상호작용, 성능/번들 사이즈 친화적)

- 서로를 대체하는게 아닌 상호보완적인 기술

 

React conf 2021

- Streaming Server Rendering with Suspense: 서버 기술로 Suspense를 사용한 컴포넌트는 해당 컴포넌트가 렌더 완료되기 전까지 기다리지 않고 스트리밍을 통해서 완료가 되는 시점에 클라이언트에 전달해주는 기술.

 

2021 로고 트렌드

 

CSS 3D transforms

 

Git 하위 모듈로 React Typescript Monorepo를 만드는 방법

- Lerna, Yarn workspaces 사용

 

 

라이브러리

pico

시맨틱 마크업 기반의 클래스 사용이 적은 CSS 프레임워크

 

Floating UI

- Tippy.js 제작자가 만든 플로팅 차세대 라이브러리

 

seo-analyzer

- SEO 검사기

 

react용 firebase 라이브러리

 

partytown

- 타사 스크립트로 인한 부정적인 영향 해결하기

- Next.js 사용법