1. 컴포넌트 파일명: Riot.js 컴포넌트 파일은 일반적으로 .tag 확장자를 가지며, 파일명은 모두 소문자로 작성됩니다. 예를 들어, my-component.tag와 같이 사용할 수 있습니다.

2. 컴포넌트 태그명: Riot.js 컴포넌트는 태그명을 통해 사용됩니다. 태그명은 모두 소문자로 작성되며, 하이픈(-)을 사용하여 여러 단어를 연결합니다. 예를 들어, <my-component></my-component>와 같이 사용할 수 있습니다.

3. 컴포넌트 클래스명: Riot.js 컴포넌트의 클래스명은 CamelCase(낙타 표기법)으로 작성됩니다. 이 클래스명은 컴포넌트의 스타일링과 로직 작성을 위해 사용됩니다. 예를 들어, MyComponent와 같이 사용할 수 있습니다.

4. 컴포넌트 인스턴스명: Riot.js 컴포넌트를 인스턴스화할 때, 인스턴스 객체에 대한 변수명은 일반적으로 CamelCase로 작성되며, 첫 글자는 소문자로 시작합니다. 예를 들어, const myComponent = riot.mount('my-component')[0]와 같이 사용할 수 있습니다.

이렇게 Riot.js 컴포넌트를 명명하는 규칙을 따르면 코드의 가독성과 일관성을 유지할 수 있으며, 유지보수하기 쉬운 컴포넌트를 개발할 수 있습니다.

[참고 문서]:

• Riot.js 공식 문서
• Riot.js 컴포넌트 작성 가이드