React?

React란?

사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. Component라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.

예제

class ShoppingList extends React.Component {
    render() {
        return (
            <div className="shopping-list">
                <h1>Shopping List for {this.prop.name}</h1>
                <ul>
                    <li>Instagram</li>
                    <li>WhatsApp</li>
                    <li>Oculus</li>
                </ul>
            </div>
        );
    }
}

• ShoppingList와 같이 React.Component를 상속한 클래스를 React 컴포넌트 클래스 또는 React 컴포넌트 타입이라 부른다.
• 개별 컴포넌트는 props라는 매개변수를 받아오고 render 함수를 통해 표시할 뷰 계층 구조를 반환합니다.
• render 함수는 화면에서 보고자 하는 내용을 반환합니다.
• render는 렌더링할 내용을 경량화한 React 엘리먼트를 반환합니다.
• React는 주로 “JSX”라는 특수한 문법을 사용하여 React의 구조를 보다 쉽게 작성합니다.