▲GN⁺ 2024-08-17 | parent | ★ favorite | on: VanillaJSX.com 웹사이트 출시(vanillajsx.com)Hacker News 의견 프로젝트에 관심을 가져줘서 고마움 지난 10년간 SSGs 상태에 불만을 느껴 프로젝트를 시작함 주로 정적 웹사이트를 만들며, 간단하고 직관적인 것을 원했음 JSX가 적합해 보였지만 React 같은 JSX 프레임워크의 복잡성에 지침 JSX를 문자열로 렌더링하는 SSG를 만들었고, 이를 브라우저에서 DOM 요소로 렌더링하도록 확장함 일부 레이아웃에서는 공유 컴포넌트로 잘 작동함 SEO에도 잘 작동함 IDE 지원이 완벽하지 않음 실제 DOM 노드를 반환하면 JSX의 큰 장점이 사라짐 DOM의 설명을 반환해야 새로운 상태로 템플릿을 재평가하고 효율적으로 업데이트할 수 있음 예제는 명령형 DOM API를 사용하여 업데이트함 VDOM의 주요 이점은 템플릿에서 항목을 반복하는 것임 VDOM의 문제는 느린 디핑(diffing)임 JSX의 기원은 Facebook의 XHP에서 비롯됨 XHP는 E4X에서 영감을 받음 최종 예제가 Firefox에서 작동하지 않음 Edge에서는 작동하지만 Firefox에서는 오류 발생 Vanilla TSX와 매우 유사함 Vanilla TSX로 작성된 앱 예제 제공 Action Script 3을 떠올리게 함 XML이 언어의 핵심이었고, 재미있었지만 ES4가 되지 못함 Typescript와 JSX로 비슷한 수준에 도달하는 데 10년 이상 걸림 예제들은 시간이 지나면서 변경될 수 있는 props를 가진 컴포넌트를 보여주지 않음 더 복잡한 앱으로 확장하는 데 어려움이 있을 것 같음 나도 실제 DOM 노드를 생성하는 jsx 템플릿 표현식을 기반으로 한 UI 라이브러리를 만듦 모델 객체를 속성에 바인딩하여 명령형 이벤트 핸들러 보일러플레이트를 제거함 좋은 아이디어라고 생각함 JSX의 매력을 이해하지 못함 루프, 변수 삽입 등을 자동으로 제공하는 다른 방법이 더 쉬움 Imba를 추천함 JS 개발자들이 Faang 마케팅에 쉽게 넘어가서 인기가 없는 것 같음
Hacker News 의견
프로젝트에 관심을 가져줘서 고마움
실제 DOM 노드를 반환하면 JSX의 큰 장점이 사라짐
JSX의 기원은 Facebook의 XHP에서 비롯됨
최종 예제가 Firefox에서 작동하지 않음
Vanilla TSX와 매우 유사함
Action Script 3을 떠올리게 함
예제들은 시간이 지나면서 변경될 수 있는 props를 가진 컴포넌트를 보여주지 않음
나도 실제 DOM 노드를 생성하는 jsx 템플릿 표현식을 기반으로 한 UI 라이브러리를 만듦
JSX의 매력을 이해하지 못함
Imba를 추천함