React 끄적끄적

리액트가 흥하는 이유

 

1. JS 기반이라서 - 별도의 프레임워크를 배울 필요가 없다.

• 자바스크립트만 겁나 잘하면 되서 멋진 자바스크립트 개발자가 될 수 있다!

1. 요소별, 컴포넌트별로 나눠서 작업할 수 있기 때문에 구조가 겁나 쿨하다.

1. 데이터가 단방향 모드이다. 데이터는 항상 일정한 장소에 위치해있다.

• 앵귤러는 view나 model로 변함 but 데이터는 일정한 장소가 있고. 상태가 변하면 데이터는 그대로있고 UI만 바뀜. 단방향 데이터 변함 > UI 변함. 데이터 안변함 > UI도 안변함. UI에서 데이터를 바꿀수 없음. 항상 "데이터 변경 > UI 변경"

1. 거대한 라이브러리, 오픈소스..커뮤니티가 정말 방대하다.
2. 리액트는 프레임워크가 아니라 프론트앤드 라이브러리다. (파이선이랑 쓸수있고, 루비랑 쓸수있고, 장고, 루비온레일즈 쓸 수있음.. 앵귤러랑은 못씀ㅋㅋ)

 

JSX란?

리액트 컴포넌트를 만들 때 사용하는 언어. 규칙 굉장히 심플 ★ CSS 의 class가 아니라 className임

 

 

똑똑한 컴포넌트는 state가 있고

멍청한 컴포넌트는 state가 없다.

Some of them are what we are going to call 'stateless functional component'

One kind of component has a (smart) state, the other doesn't. (dumb)

클래스 컴포넌트 대신에 functional 컴포넌트로 바꾸면 됨.

 

Some components are just there to return the result

Functional component - stateless