2021-10-02 토

React-query

• query Invalidation

2021-10-05 화

React query

• Cancelation
• Scroll Restoration
• Filters
• SSR & Next.js
• Does React Query replace Redux, Mobx? ⭐️⭐️⭐️
  • 전자: 서버 상태 관리. 우리가 개발하는 대부분
  • 후자: 클라이언트 상태관리. 실제로는 적은 코드
• 기본 문서는 다 읽었다. 이제 Sample 볼 것.

github Action 2년간 사용기

당신은 소프트엔지니어가 아니다. (글 링크를 못찾겠다)

• Domain Experts vs Pro-Developer
• 좋은글. 한 번 더 읽자. 내 생각으로 만들자.

2021-10-07 목

React query

• Sample
• Basic: enabled 속성으로 캐쉬 설정
• w/ GraphQL
• Custom Hooks: hooks 폴더
• Auto Refetching/Polling/Realtime: refetchInternal 속성 사용
• Focus Refetching
• Optimistic Updates

개발자 ui 라이브러리를 만들다 ⭐️⭐️⭐️

• 개발한 제품 설명서
• "개발자, 트랜드를 버리다"
  • id: easylogic
• 비슷한 연자의 fe 개발자 → 글을 더 읽어보자.

2021-10-08 금

CF + CF Func 이용, Next.js 번들파일 서빙하기

• 헤더 설정을 위해 CF Function 사용. cache-control, cors

React query

• Pagination
• Load More / Infinite Scroll
• Suspense ?

2021-10-09 토

React Query

• Defant Query Function
• Playground
• Prefetching: 호버 이벤트 감지
• Star Wars: 그냥 예제
• → 이 정도 읽고 다음엔 코드 읽는 것으로 이동

How I build a mordern website in 2021 - Kent C. Dodds

• colc 명령어. 새로 배운것

2021-10-023 토

React Native

• Introduction

2021-10-029 금

그린랩스가 ReasonML → ReScript 바꾸는 이유

• 버클스크립트 → ReScript >> ReasonML
• ReScript: 웹개발. ReasonML: 네이티브 개발
• OCaml 철학? 정적타임. 함수형

프론트엔드 개발 ReasonML 장점

• import 없이 모듈 해결
• 자체 포매터. refmt
• 오류 메시지 쉬어. ts 장황
• 논리적 코드 생성. 패턴 매칭. 베리언트
• 빌드시 css 체크
• GraphQL 타입 체크