리액트 12 - 리액트로 생각하기

김민찬·2022년 3월 10일
0

React

목록 보기
12/12

오늘 알아볼 것

  • 리액트로 어떻게 생각하는지 알아보자
  1. 구조 나누기

    • 단일책임원칙(하나의 컴포넌트는 한가지 일을 한다)에 따라 컴포넌트를 나눈다.
  2. state를 사용하지 않고, 정적인 페이지를 만든다.

    • 페이지를 만들다보면 재사용성이 필요한 부분이 눈에 보인다!(헤더 등)
    • 보통 하향식으로 상위 컴포넌트부터 작성하는 방식을 사용한다.
    • 그러나 프로젝트가 커지면 상향식으로 만드는게 개발하기 더 쉽다.
  3. state로 관리할 데이터를 찾아본다.
    위의 질문이 맞으면 state가 아니다.

  4. state가 어디에 있어야 할지찾는다.
    - 보통 상위에 있는 컴포넌트에서 state를 관리해야 한다.

  1. 역방향 데이터 흐름으로 데이터를 관리한다.(onChange로 input 데이터를 관리 등)
profile
프론트엔드 개발자로 나아가고 있는 김민찬입니다.

0개의 댓글