본문 바로가기

React

react 핵심두가지

1. 컴포넌트들로 이루어진 web UI 를 만들 수 있는 라이브러리이다.

 

독립적 , 고립, 재사용가능

testablity가 좋다.

 

꼭 하나의 컴토넌트로 이루어져 있다.

최상위 컴포넌트를 root라고 부른다.

 

HTML dom tree로 이루어져서 우리 코드를 브라우저가 알아듣고 화면에 보여준다

 

cohesive

 

박스단위로 페이지를 바라보기

너무 작은 단위로 박스를 나눌필요는 없고 재사용할 다위

 

2. state변경될 때 마다 render함수를 계속 호출한다. 그럼에도 성능이 괜찮은 이유는 react에서 가상의 dom tree 를 메모리에 가지고 있다가 한번에 모았다가 정말 dom tree에 업데이트 함.

(rerender the whole app on every update)

리액트 훅 함수형 컴포넌트

 

 

문서보면서 공부할 사이트

 

 https://reactjs.org/docs/getting-started.html

 

Getting Started – React

A JavaScript library for building user interfaces

reactjs.org

 

 

환경설정할때 볼 사이트

 

 https://create-react-app.dev/docs/getting-started

 

Getting Started | Create React App

Create React App is an officially supported way to create single-page React

create-react-app.dev

 

'React' 카테고리의 다른 글

nodejs, npm, npx, yarn  (0) 2020.11.28
환경 tool  (0) 2020.11.28
react는 라이브러리이다  (0) 2020.11.28
axios - guide 사이드  (0) 2020.08.20
5강 final하고 const의 차이, let /  (0) 2020.07.14