javascript weekly 2020-06-27


Lessons Learned Refactoring Optional Chaining Into a Large Codebase

Lessons Learned Refactoring Optional Chaining Into a Large Codebase

//Ternary
foo? foo.bar : defaultValue
foo?.bar || defaultValue
foo?.bar ?? defaultValue

// Array checking
if (foo.length > 3) {
	foo[2]
}
foo?.[2]

// Feature detection
if (element.prepend) element.prepend(otherElement);
element.prepend?.(otherElement);

...

What’s Coming in TypeScript 4?

What’s Coming in TypeScript 4?


Quick bytes

크롬85

크롬85

  • css in js 편집가능
  • lighthouse 6.0
  • 네트워크 패널에 service worker response 추가
  • wasm 소스 오픈 시 byte code offset 표기

엔지니어링 블로그 모음

엔지니어링 블로그 모음


Code & Tools

https://github.com/tannerlinsley/react-query/releases/tag/v2.0.0 리액트 쿼리 2.0 릴리즈

  • 비동기 데이터 fetch, cache, update를 위한 hook
  • Transport/protocol/backend agnostic data fetching (REST, GraphQL, promises, whatever!)
  • Auto Caching + Refetching (stale-while-revalidate, Window Refocus, Polling/Realtime)
  • Parallel + Dependent Queries
  • Mutations + Reactive Query Refetching

https://www.bryanbraun.com/checkboxland/ 체크박스랜드. 렌더링은 체크박스만 함.