1. 컴포넌트 (Components)

Riot.js에서 컴포넌트는 UI 요소의 빌딩 블록입니다. 컴포넌트는 자신의 템플릿, 스타일 시트, 자바스크립트 코드를 가지며 재사용 가능하고 독립적으로 작동할 수 있습니다.

2. 태그 기반 템플릿 (Tag-based Templates)

Riot.js에서는 컴포넌트의 템플릿을 작성할 때 HTML과 비슷한 태그 기반 템플릿 문법을 사용합니다. 이러한 템플릿은 컴포넌트의 구조와 외관을 정의하는 데 사용됩니다.

3. 이벤트 (Events)

Riot.js는 컴포넌트 간 통신을 위해 이벤트를 사용합니다. 이벤트는 다른 컴포넌트에게 메시지를 보내는 방법으로 사용되며, 컴포넌트 간의 상호작용을 가능하게 합니다.

4. 속성 (Props)

속성은 컴포넌트에서 다른 컴포넌트로 데이터를 전달하기 위해 사용됩니다. 컴포넌트는 속성을 받아와 해당 값을 사용할 수 있으며, 속성이 변경되면 자동으로 업데이트됩니다.

5. 상태 (State)

상태는 컴포넌트 내에서 관리되는 데이터입니다. 상태는 컴포넌트 내부에서 변경되고, 변경 사항은 자동으로 템플릿에 반영됩니다. 상태는 컴포넌트의 동작과 외관을 제어하는 데 사용됩니다.

이러한 용어와 개념은 Riot.js를 사용하여 웹 애플리케이션을 개발할 때 이해해야 하는 기본 사항입니다. Riot.js 공식 문서에서 더 많은 자세한 정보와 예제 코드를 찾아볼 수 있습니다.