[리액트를 도대체 왜 쓰는가!] React 쓰는 이유 전부 알아보기

1. UI가 복잡할수록 DOM 조작이 매우 불편해진다.

 

페이스북 같이 UI가 많고 이벤트도 많은 웹에서는 DOM 조작이 매우 복잡합니다. 가령 태그를 만들고 그 안에 컨텐츠와 클래스 이름을 넣는다고 하면 벌써 코드가 3줄 이상입니다. 흔히 명령형 방식이라고 하죠. 하지만 리액트는 컴포넌트로 선언적으로 작성하여 유지보수가 훨씬 쉽습니다.

 

2. SPA

 

1번의 연장선으로서 SPA를 쓰면 DOM조작이 매우 빈번하게 일어나는데 이때 바닐라 자바스크립트를 이용해 구현하여 매우 복잡해집니다. 따라서 리액트로 쉽게 SPA를 만들 수 있습니다.

 

3.

제로초강의를 참고하자면 페이스북 웹에서 데이터를 바꿨더니 적용이 안되는 부분이 있었다는 것입니다. 예를들어 닉네임을 바꿨는데 내 프로필에는 제대로 변경된 닉네임이 보여지고 어느 친구의 댓글에는 바꾼 닉네임이 아닌 예전의 닉네임을 쓰고 있다는 거죠. 페이스북 소스코드는 우리들의 생각보다 매우 용량이 클텐데 아무리 잘 설계를 한다 하더라도 바닐라JS로는 DOM조작의 한계가 있었다는 얘기가 아닌가 싶습니다.

+리액트는 데이터 중심입니다. 데이터가 바뀌면 관련된 UI가 변경됩니다. 

 

--

여기서 궁금한점 만약 닉네임이 한 컴포넌트에 포함된 state라면 이를 다른 컴포넌트에서 써야할때 어떤식으로 state를 전달하지? -> 어차피 나중에 알게 되겠지만 아시는 분들 댓글좀.. 아니다 제가 찾아볼게요