토닉 (구성 요소 프레임 워크)

가벼운 프레임 워크 인 Tonic은보다 직관적 인 구문을 제공하여 웹 구성 요소의 사용을 단순화합니다. 클래스, HTML 템플릿 리터럴 및 유용한 유틸리티를 사용하여 구성 요소 생성을 간소화합니다. 결과? React 구성 요소와 놀랍도록 유사하지만 복잡한 빌드 프로세스 또는 특수 툴링이 필요하지 않은 구성 요소.

다음은 간단한 Hello World and Counter Exames입니다 (Brevity를 위해 세부 사항이 생략 됨). 수많은 추가 예제가 별도의 저장소로 제공되므로 Tonic 기능은 프레임 워크 및 설계 시스템 리소스로 만듭니다.

Tonic은 Lit (Google의 적극적으로 지원되는 프레임 워크)와 비슷하지만 Tonic은 뚜렷한 접근 방식을 제공합니다. 비교를 위해 LIT를 사용하는 Hello World 및 Counter 예제도 제공됩니다 (간결성을 위해 세부 사항이 생략 됨).

또 다른 경쟁자 인 Petite-Vue는 또한 간단한 Hello World and Counter를 보여줍니다 (간결성을 위해 세부 사항이 생략 됨). 선언적 HTML 접근 방식은 단순성으로 두드러집니다.

그러나 이러한 프레임 워크 간의 선택은 기능, 구문, 디자인 철학 및 규모를 포함한 다양한 요소에 달려 있습니다. JavaScript 크기를 빠르게 비교하면 다음이 나타납니다.

• 토닉 : 5.1 KB
• 조명 : 12.6 KB
• 몸집이 작은 vue : 8.1 KB

세 가지 모두 매우 작습니다. 각각에 대한 광범위한 실제 프로젝트 경험이 부족하지만, 간소화 된 특성과 빌드 단계가 부족한 것이 매력적입니다.

비디오 연습에 관심이 있습니까?

이러한 프레임 워크의 포괄적 인 비교는 비디오에서 사용할 수 있습니다 (링크 생략).

위 내용은 토닉 (구성 요소 프레임 워크)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!