2020년 9월

2020. 9. 13. 14:19소소한 정보

반응형

frontend의 경제학

 

react를 좋아하는 이유

 

hook의 추악한 면

 - funclass의 hook에서 복잡도가 증가하면서 발생하는 문제점을 지적한다. 확실히 개인적인 경험으로도 복잡도가 높은 로직에서 컴포넌트, 특히 hook이 많은 컴포넌트는 추적하고 관리하기 힘든 측면을 경험했다. 여기서 상태변화까지 추적한다면 더욱 힘들다. 저자는 class 컴포넌트가 나쁘다면 funclasses는 최악이라고 평가한다. 더불어 react 초기의 이해하기 쉬운 구조에서 점점 복잡도가 높아져 가고 있다는 점을 말한다. 개인적으로도 이것은 분명히 나쁜 신호라고 생각한다. 저자의 글은 커뮤니티에서 많은 논쟁을 일으킨 것으로 보이며 동시에 react를 되돌아보는 좋은 시간이 될 것이라 생각한다. 

Funclass: 저자가 class와 function의 중간에 위치한다고 말하는 hook을 지닌 컴포넌트.

 

웹에서 읽기

 

웹이 느려지고 있다는 주장을 분석

- Hacker News의 한 기사인 웹이 느려지고 있다는 주장에 대한 해석

 

stitches - 모던 스타일링 라이브러리

 

reactive programming - 5부작

 

promise pool instead of promise all?

 

jotai

- react 상태 관리 라이브러리

- recoil과 다른점

 1. string key 없음

 2. 더 작은 api

 3. Typescript 지원

 

더 빠른 페이지 로드를 위한 css 최적화

 

성능을 위한 webpack 번들 으로 크기 제한

 

웹 성능 측정 - web vital

- LCP(Largest Contentful Paint): 가장 큰 요소가 보여지는 시간 지표

- FID(First Input Delay): 로드 후 사용자의 첫번째 입력에 대한 반응 시간을 나타낸 시간 지표

- CLS(Cumulative Layout Shift): 누적 레이아웃 이동(레이아웃 변화가 빈번하다면 좋은 UX가 아님 - 사용자 반응이 아닌 변화로 일반적으로 비동기 통신 후 응답받은 데이터에 반응하는 레이아웃 변화가 대표적임)

 

CDN에 관하여

 

블랙라이트 - 웹사이트 개인 정보 파인더

 

vscode Debug visualizer 소개 

- 자료구조를 통해서 시각화할 수 있는 확장 프로그램

 

반응형

'소소한 정보' 카테고리의 다른 글

2020년 11월  (0) 2020.11.08
2020년 10월  (0) 2020.10.17
2020년 8월  (0) 2020.08.02
2020년 7월  (0) 2020.07.07
2020년 6월  (0) 2020.06.13