프론트엔드 공식문서 읽어보기
1.리액트 18.2.0 공식 문서 정독하기
심심한데 리액트 18.2.0 공식 문서를 정독해볼까 싶다. 사실 심심하다? 그런것도 있고 면접을 보면서 느낀건데 내가 리액트 기본 소양이 부족하지 않나 싶다. 그래서 내가 부족한게 리액트 공식 문서에는 세세하게 적혀있지 않을까 싶어서 이번 기회에 한번 정독해보려고 한다
2.리액트 블로그 - What We've Been Working On – March 2023
2023 React Labs 게시물에는 활발한 연구 개발 중인 프로젝트에 대해 글이 소개되어있습니다.
3.리액트 배우기 - 대단원 Describing the UI
리액트는 사용자 인터페이스(UI)를 렌더링하기 위한 자바스크립트 라이브러리입니다.
4.리액트 배우기 - Writing Markup with JSX (feat. New JSX Transform)
이번 시간에는 JSX와 관련된 리액트 공식 문서 글을 읽어보도록 하겠습니다.
5.리액트 배우기 - Reacting to Input with State
React는 UI를 조작하는 선언적인 방법을 제공합니다. UI의 개별 부분을 직접 조작하는 대신 컴포넌트가 가질 수 있는 다양한 상태를 설정하고 사용자 입력에 응답하여 상태 간에 전환합니다. 이는 디자이너가 UI에 대해 생각하는 방식과 유사합니다.
6.리액트 레퍼런스 - Suspense
Suspense을 사용하면 children 로딩이 완료될 때까지 fallback을 표시할 수 있습니다.
7.리액트 레퍼런스 Hooks - useEffect
Effect는 외부 시스템과 컴포넌트를 동기화할 수 있는 React Hook입니다.컴포넌트의 top level에 있는 useEffect를 호출하여 Effect를 정의할 수 있습니다.
8.리액트 레퍼런스 Hooks - useLayoutEffect
useLayoutEffect는 브라우저가 화면을 repaints 하기 전에 발생하는 useEffect 버전입니다. 브라우저가 화면을 repaints 전에 레이아웃 측정을 수행하려면 useLayoutEffect를 호출하세요.
9.리액트 레퍼런스 Hooks - useRef
useRef는 렌더링에 필요하지 않은 값을 참조할 수 있게 해주는 React Hook입니다. ref 를 선언하려면 컴포넌트의 최상위 수준에서 useRef를 호출하세요.
10.리액트 레퍼런스 Hooks - useCallback
useCallback은 리렌더링 사이에 함수 정의를 캐시할 수 있는 React Hook입니다.