웹 구성 요소는... 웹 구성 요소

이제 브라우저에서 직접 사용자 정의 "버튼"을 만들 수 있다는 사실은 <버튼>의 역사적인 수하물이나 만능 < 입력>은 축하해야 할 일입니다. 어떤 경우에는 ElementInternals API 덕분에 더 이상 Shadow DOM에 기본 양식 요소를 포함할 필요조차 없습니다. ElementInternals는 플랫폼 수준에서 ARIA와 양식 연결을 모두 처리합니다. 이는 기본 양식이 필드 유효성 검사, 레이블 연결 및 값 제출을 포함하여 사용자 정의 요소를 다른 양식 컨트롤과 동일하게 처리할 수 있음을 의미합니다. 아직 완벽한 솔루션은 아니지만 이전에 사용했던 모든 솔루션보다 우수하며 많은 사람들이 모두를 위해 더 나은 솔루션을 만들기 위해 열심히 노력하고 있습니다.

프레임워크 기반 구성요소는 말 그대로 이 작업을 수행할 수 없습니다. 가능하다고 주장한다면 이는 추가 JS로 래핑된 맞춤 요소를 작성하거나 이미 브라우저에서 사용할 수 있는 기능을 재현하기 위해 많은 노력을 기울이고 있다는 의미입니다.

저는 항상 프런트엔드 프레임워크에 문제가 있어서 사용하지 않기로 결정했습니다. 나는 그들이 기어나오기에는 너무 큰 구멍을 파는 것을 위험할 정도로 쉽게 만든다는 것을 알았습니다. 특히 페이지에 실제로 렌더링되는 내용을 난독화하는 자체 추상화를 가져올 때 더욱 그렇습니다. "마법"이 너무 많이 발생하고 특정 프레임워크(후크, JSX 등)가 작동하는 방식에서 얻는 "그냥 나를 믿으세요"라는 느낌이 마음에 들지 않습니다.

결론을 말하자면, React, Vue, Angular를 모두 합쳐서 전문적으로 작업한 횟수를 한 손에 꼽을 수 있습니다. 제가 가장 많이 사용한 것은 Vue였던 것 같은데, 그때도 불과 몇 달밖에 지나지 않아 2020년에 커스텀 요소를 만들기 시작했습니다.

돌아가야 할 설득력 있는 이유를 본 적이 없습니다.

위 내용은 웹 구성 요소는... 웹 구성 요소의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!