react 개념

react

1.angular vs react vs vue
angular: 크로스플랫폼, 모든기능이 프레임워크 안에서 이루어짐(full framework)
react: view에 초점을 맞춘 라이브러리(library)
view: (framework,library)view의 생태계를 끌어와 프레임워크로 사용, 라이브러리로도 사용 (여러가지사용성)

 

2.only rendering & update

 

3.component based
link,title,content,card 등으로 나누어 사용(component Tree, dom tree와 유사 but 직접 컴퍼넌
트를 만들어 재활용 )

 

4.virtual dom(dom을 react에 위임)
가상의 돔을 이용하여 이전과 이후 상태 비교, 바뀐 부분을 자동으로 변경
State Change -> Compute Diff -> Re-render
(ex 직접제어:jquery 바뀐부분만 정확히 변경) 

 

5.jsx(not templates, transpile to js(bable,typscript))

 

6.csr /ssr(동작의 차이는 x)
html 다운받고~ react 실행 전까지
csr(cleint server side rendering):js 다운로드되어 react 실행전엔 화면 확인x
ssr(server side rendering):js가 전부 다운로드 되지 않아도 화면을 찰나에라도 client가 확인