더 적게 추가

반응형

당신이 새로운 웹사이트를 시작하려고 할 때, 가장 먼저 어떻게 생각하세요? 알고 있는 라이브러리나 프레임워크(Respect, Vue) 또는 그 위에 메타 프레임워크(Next, Nuxt)를 사용하여 시작하시겠습니까? Vite와 같은 빠른 빌드 툴을 사용하거나 웹 팩을 구성합니까?

필 호크스워스가 몇 년 전에 북마크를 달았고 지금도 여전히 사랑한다는 훌륭한 트윗이 있습니다.

웹 사이트는 너무 많이 추가하여 속도가 느려질 때까지 빠르게 시작됩니다. 혹시 프레임워크가 필요하신가요? 당신이 원하는 것을 브라우저에서 네이티브로 할 수 있나요? 프레임워크 없이 이 작업을 수행하면 다른 사용자가 이미 수행한 작업을 생성하거나 최적화할 때 귀하의 사이트가 더 가벼워지거나 장기적으로 더 무거워질 수 있습니까?

저는 개인적으로 브라우저로 더 많은 가치를 전달하기 위해 코드를 덜 발송하는 것이 좋습니다. 브라우저 API와 "무료로" 제공되는 기능을 이해하면 실제로 휠의 재창조를 줄이고 제공된 도구를 사용할 때 더 높은 접근성을 얻을 수 있습니다.

당신이 하고 싶은 모든 일에 대해 도서관을 끌어들이는 대신, 그들이 무엇을 하고 있는지 숨어서 살펴보도록 하세요. 예를 들어, 제가 유지보수하고 있던 프로젝트에서, 저는 리액트 컴포넌트를 가져와서 일부 CSS가 위에 뿌려진(10줄 미만의) 소형 컴포넌트용 npm 패키지 전체를 배송하는 것을 발견했습니다(자체 설계 시스템으로 우선). 해당 구성요소를 처음부터 다시 작성할 때 번들 크기가 작아지고 더 많은 커스터마이징을 할 수 있었으며 다른 사용자의 결정에 따라 작업할 필요가 없었습니다.

 

도서관이나 프레임워크, 구성 요소를 사용하지 말라는 말은 아닙니다. 오픈 소스가 존재하는 데는 이유가 있습니다! 내가 말하고자 하는 것은 당신이 당신의 프로젝트에 가져오는 것에 대해 분별력을 가지라는 것이다. 브라우저의 강력한 기능을 사용하고 콘텐츠를 줄이십시오!