00. 리액트 Basic, State, Props 소스 첨부

ReactJS는 VanillaJS와 다르게 HTML 구성요소를 React 구성요소로 따로 만들어 사용한다.

ReactDOM.render();를 사용하여 React 구성요소를 랜더링한다.

 

ReactJS는 VanillaJS보다 코드가 복잡하지만 랜더링을 할때 큰 장점을 지니고 있다. 

VanillaJS를 사용할 경우 브라우저는 노드정보다 바뀔때마다 노드트리를 다시 생성하게 된다.

그러나 ReactJS는 가상 DOM을 사용해 사용자가 보이는 부분마 수정해 일단 보여주고, 모든 업데이트가 끝난 후 전부 합쳐 실제 DOM에 전해준다.

 

varnilla.html

0.00MB

index.html

0.00MB

index2.html

0.00MB

index3.html

0.00MB

State Functions.html

0.00MB

Inputs and State.html

0.00MB

State Practice part One.html

0.00MB

State Practice part Two.html

0.00MB

Final Practice and Recap.html

0.01MB

Memo.html

0.00MB

Prop Types.html

0.00MB