React 공홈 문서를 읽고 중요한 부분들은 제 메모리에 저장하기위해 정리 해봤습니다.

JSX

jsx는 xml 문법처럼 데이터 표현식입니다.

const element = <img src={user.avatarUrl} />;
const element = React.createElement("h1", { className: "greeting" }, "Hello, world!");

이벤트 핸들러

Hook

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다.
HoC을 대체합니다.(무려 새 컴포넌트를 추가하지 않아도…)

Hook을 사용하는 이유?

  1. 비즈니스 로직을 재사용하기 위함
  1. 상태 관리 메소드를 더 단순하고, 재사용성을 높이기 위해!
  2. class 사용을 지양하기 위해서!
Class는 최근 사용되는 도구에도 많은 문제를 일으킵니다. 예를 들어 Class는 잘 축소되지 않고, 핫 리로딩을 깨지기 쉽고 신뢰할 수 없게 만듭니다. 우리는 코드가 최적화 가능한 경로에서 유지될 가능성이 더 높은 API를 제공하고 싶습니다.

Effect Hook

Hook의 규칙

Hook API

https://ko.reactjs.org/docs/hooks-reference.html