JSX와 Babel

JSX와 Babel

JSX : 자바스크립트도 아니고, HTML도 아닌 그 중간인 새로운 표현식
Babel : JSX를 이해하기 위해서, 자바스크립트로 변환하기 위해서는 Babel이라는 자바스크립트 컴파일러가 필요하다.

 

반복적인 것들은 Function 형태의 컴포넌트로 찍어낸다.

바닐라 JS의 경우, 변경으로 인해 Elements를 다시 그리는 반면 리액트는 리액트의 비교 알고리즘을 통해 Elements에서 변경된 요소만을 그려준다. (Reconciliation)

 

리액트의 Virtual Dom은 다른 elements의 속성이 들어왔을 때 이를 비교할 때 활용된다.