function App() {
return <h1>Hello, React!</h1>;
}
JSX는 컴포넌트 구조를 명확하게 표현할 수 있으며, 컴파일 과정에서 최적화된 자바스크립트 코드로 변환되어 성능도 우수합니다. JSX에 대한 자세한 내용은 2장에서 다룹니다.
● 상태 관리 도구 제공
리액트는 컴포넌트의 상태를 효과적으로 관리할 수 있도록 다양한 기능의 훅을 제공합니다. 훅(hook)은 함수형 컴포넌트에서 상태를 관리하고, 생명주기(lifecycle)와 관련한 기능을 사용할 수 있도록 하는 리액트의 내장 기능입니다.
• useState, useReducer: 로컬 상태 관리를 위한 기본 훅
• useEffect: 컴포넌트의 생명주기 처리를 위한 훅
또한, Context API를 사용하면 전역 상태를 관리하고 여러 컴포넌트 간 데이터를 쉽게 공유할 수 있습니다. 복잡한 애플리케이션에서는 Redux나 Zustand 같은 외부 상태 관리 라이브러리를 사용해 상태를 더욱 체계적으로 관리할 수 있습니다.