반응 시작하기

안녕하세요, ReactJS 학습을 시작하면서 코딩에서 독립적이고 재사용 가능한 구성 요소의 힘을 확인하는 데 도움이 되었습니다. 이 간단하면서도 간단한 문서는 시작하는 데 확실히 흥미를 유발할 것입니다!

ReactJS는 2011년 Facebook에서 처음 배포한 사용자 인터페이스 구축용 툴킷입니다. 개발자가 구성 요소를 사용하여 복잡한 사용자 인터페이스를 구축하는 데 도움이 됩니다.

기술적으로 react는 사용자 인터페이스 라이브러리입니다. HTML 요소를 구성 요소로 구성하는 목적을 수행합니다(reactJS와 잘 작동하려면 HTML에 대한 사전 지식이 있어야 함을 여기에 추가해야 함). 프런트 엔드 프레임워크와 훨씬 비슷합니다.

반응을 독특하고 강력하게 만드는 것은 구성 요소입니다. React를 사용하면 간단한 구성 요소로 복잡한 사용자 인터페이스를 구축할 수 있습니다.

구성 요소는 사용자 인터페이스의 일부입니다. 예를 들어 다음 인터페이스를 살펴보십시오.



Navs(검색 및 재생) 및 앨범 목록으로 나눌 수 있습니다. 이러한 각 섹션은 궁극적으로 반응 앱을 구성하는 서로 다른 개별 구성 요소에 배치됩니다.

검색 탐색은 다음을 반영합니다.



플레이 내비게이션은 다음을 반영합니다.



앨범 목록에는 다음이 반영됩니다.



구현을 위해
반응 구성 요소는 상태 및 렌더링이 있는 JavaScript 클래스로 구현됩니다.

예를 들어

class song { 
            state = {};
            render() {

            }
}

상태는 구성 요소가 렌더링될 때 표시하려는 데이터를 보유합니다. 렌더링은 사용자 인터페이스의 모양을 설명하기 위한 것이며 렌더링의 출력은 반응 요소입니다.

요약하면, react는 복잡한 사용자 인터페이스를 훨씬 더 쉽게 구축할 수 있도록 하는 강력한 도구입니다. 이것이 확실히 인기를 얻은 이유이며, 이를 배워야 하는 이유이기도 합니다!

우리가 반응에 더 뛰어들 때 곧 뵙겠습니다.