2022년 9월

useEffect 와 useLayoutEffect 차이

React 컴포넌트의 라이프사이클
1. 사용자 는 구성 요소 변경 의 앱 및 상태 또는 소품 과 상호 작용합니다.
2. React는 DOM(Document Object Model)을 업데이트합니다.
3. useLayoutEffect 후크가 발사됩니다.
4. 브라우저 페인트 => 시각적 변경 사항이 사용자에게 표시됩니다.
5. useEffect 후크가 발사됩니다.

 

UI & UX 설계시 12가지 TIP

- Z pattern & F pattern

 

2022년 Storybook

 

useSyncExternalStore

 

AI 를 지원하는 Replit Web IDE

- Hacker plan 에서 사용가능하며 작성 기준으로 7/mo

 

2022년에 npm package를 게시하는 방법

- Node.js(런타임)에서만 사용하는 package.json 필드

- Fully automated version management and package publishing

 

프론트엔드 프로젝트 구축 및 리팩토링시 참고하면 좋을 일반적인 지침 25가지

 

GitHub Copilot이 개발자 생산성과 행복에 미치는 영향 정량화

- GitHub Copilot으로 할 수 있는지 몰랐던 8가지

 

React I Love You, But You're Bringing Me Down

거대한 코드베이스를 유지해야 하는 나와 같은 사람들에게 이러한 지속적인 API 인플레이션은 악몽입니다. 매일 점점 더 많은 화장을 하는 것을 보면 숨기려고 하는 것이 무엇인지 끊임없이 생각나게 됩니다.

Typescript 배우기

 

 

라이브러리

자바스크립트 메모리 누수를 발견해주는 라이브러리

https://facebookincubator.github.io/memlab/

 

Rust로 작성된 매우 빠른 CSS 파서, 변환기, 번들러 및 축소기

https://github.com/parcel-bundler/lightningcss

 

마우스와 스크롤 parallax를 지원하는 react 라이브러리

https://github.com/michalzalobny/react-just-parallax

 

react로 비디오 만들기

https://www.remotion.dev/

 

Theatre.js

https://www.theatrejs.com/

- Theatre.js는 현재 제작 중인 디자인 도구입니다. 우리는 디자이너/개발자, 작가/소비자, 예술가/과학자 사이의 경계를 흐리게 하는 것을 목표로 합니다.