이른바 React

1336 단어 React

이른바 React


- UI 개발용 JavaScript 라이브러리
-not 프레임
-View용 어셈블리

키워드

  • Flux
  • 페이지 하단에 설명
  • JUST THE UI
  • React.Component를 위한 라이브러리 제작

  • VIRTUAL DOM
  • 백엔드의 DOM 구조를 추상화한 데이터 구조
  • render를 진행할 때 이 구조체의 전후 상태를 비교하여 차분 업데이트에 DOM
  • 에 반영한다.
  • 필요한 최소한의 DOM만 업데이트하므로 고속 처리

  • DATA FLOW
  • 무상태 구성 요소
  • State는 부모가 소유
  • 프로퍼스로 아이에게 건네기
  • Proops는 변경되지 않으며 아이는 State
  • 가 없습니다.
  • 어셈블리의 I/F: Proops 및 State
  • State
  • Props

  • JSX


  • Immutable.js
  • Immutable 데이터 구조를 제공하는 프로그램 라이브러리
  • Flux

  • 아키텍처
  • observer 모드
  • 와 React의 희소한 결합
  • 데이터 흐름은 항상 단방향

  • Action
  • 트리거 이벤트에 따라 데이터를 구축하고 Dispather
  • 에 전송

  • Dispatcher
  • Action에서 명령과 데이터를 수신하여 명령에 따라 배송 목적지에 데이터를 나누어 준다

  • Store
  • 명령 조작 데이터에 근거
  • Store가 여러 View에 데이터를 보내는 경우도 있음

  • View
  • Store가 업데이트되면 데이터가 View
  • 로 변경됩니다.
  • React는 데이터에 따라 DOM의 차이를 업데이트한다
  • View는 이벤트별로 Action
  • 을 발행할 수 있음

    좋은 웹페이지 즐겨찾기