아무것도 없는 상태에서 리액트부터, 리액트만 배우기 시작해서 당연히 이건 이런것. 그냥 이렇게 움직이고 작동하는 것. 이라고 납득하고 이해했는데 공부하면 할수록, 코드를 짜면 짤 수록 리액트를 '잘' 쓰려면 돌아돌아 리액트가 추구하는 것이 뭔지, 리액트 개념들이 무엇을 위해 있는지 알고 반대 방향으로 가고 있을 때 지표로 쓰려고 정리하는 글.

리액트?

📎 리액트 공식 사이트
📎 React Tutorial: An Overview and Walkthrough

• 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리
• React is not a framework (unlike Angular, which is more opinionated).
• React is an open-source project created by Facebook.
• React is used to build user interfaces (UI) on the front end.
• React is the view layer of an MVC application (Model View Controller)

One of the most important aspects of React is the fact that you can create components, which are like custom, reusable HTML elements, to quickly and efficiently build user interfaces. React also streamlines how data is stored and handled, using state and props.

components 컴포넌트 ➜

UI를 효과적으로, 빠르게 빌드하기위한 커스터마이징 & 재사용이 가능한 HTML 요소들.

state, props 스테이트, 프롭스 ➜

데이터가 저장되고, 처리되는 과정을 효율적으로 처리하려고 사용함.

Fortunately, Facebook has created Create React App, an environment that comes pre-configured with everything you need to build a React app. It will create a live development server, use Webpack to automatically compile React, JSX, and ES6, auto-prefix CSS files, and use ESLint to test and warn about mistakes in the code.