관성

제레미의 개발자 도구 분류는 항상 저에게 깊은 인상을주었습니다.

두 가지 유형의 웹 개발 도구를 언급했지만 이러한 범주를 어떻게 호출 해야하는지 잘 모르겠습니다. 내부와 외부? 개발자와 사용자를 위해?

첫 번째 카테고리에는 빌드 도구, 버전 제어, 번역기, 전 처리기 및 코드 검사관이 포함됩니다. 이 도구는 컴퓨터 또는 서버에서 실행됩니다. 작성한 코드를 작성하여 웹의 원료로 변환합니다 : HTML, CSS 및 JavaScript.

두 번째 유형의 도구는 웹 용 원자재로 구성되어 있습니다 : CSS 프레임 워크 및 JavaScript 라이브러리.

이것은 생각하는 좋은 방법이며 물론 미묘함이 있습니다. SASS는 사용자에게 직접 전달되지 않기 때문에 첫 번째 카테고리에 속하며 사용자에게 전달되는 CSS 만 생성합니다. 그러나 생성하는 CSS의 크기는 사용 방식에 따라 달라지기 때문에 여전히 사용자에게 영향을 미칩니다.

Jeremy는 Svelte를 도서관이라고 부릅니다. 그의 목표는 코드를 사용자에게 전달하기 전에 가능한 한 많이 컴파일하는 것입니다. JavaScript 코드는 여전히 있지만 개발자 중심 API의 오버 헤드는 포함되어 있지 않습니다. 여기서 미묘함은 Svelte가 모든 JavaScript 코드를 완전히 제거하는 방식으로 사용할 수 있다는 것입니다. 예를 들어, Sveltekit은 수화 기능을 완전히 끄고 페이지를 사전 렌더링하여 완전히 JavaScript가없는 웹 사이트를 생성 할 수 있습니다 (또는 필요한 경우에만 사용).

React 정보 :

React가 첫 번째 유형의 도구와 비슷하게 행동하게하는 방법이 있다는 것을 알고 있지만 이것은 기본 동작이 아닙니다. 그리고 기본 동작은 정말 중요합니다. React의 경우 기본 동작은 귀하가 작성한 모든 코드와 작성에 사용하는 도구가 최종 사용자에게 전송된다고 가정하는 것입니다.

나는 이것이 합리적이라고 생각하지만 이야기는 천천히 변하는 것 같습니다. Sveltekit이 Svelte Team 자체에서 나온 것처럼 광범위한 사용이 그 방식과는 거리가 멀지 만 서버 구성 요소는 React 팀 자체에서 나오기 때문에 여기에주의를 기울여야합니다.

Astro 정보 :

[…] Svelte와 달리 Astro를 사용하면 기존 프레임 워크와 동일한 구문을 사용할 수 있습니다. 따라서 REACT를 배웠다면 직장을 찾기 위해 배워야하므로 새로운 구문을 배우지 않고 Astro를 사용할 수 있습니다.

한 번의 클릭 안에 기존 React 웹 사이트를 Astro로 변환 할 수 없지만 최소한 업그레이드 경로가 있습니다.

이것은 이론적으로는 정확할뿐만 아니라 실제로는 정확합니다!

방금 작은 서버리스 마이크로 웹 사이트를 Gatsby에서 Astro로 변환했습니다. Gatsby는 React를 기반으로하므로 모든 구성 요소는 React 구성 요소로 구축됩니다. 풀 요청은 약간 지저분하지만 여기 있습니다. 일부를 .Arastro 파일로 변환했지만 많은 구성 요소를 기본적으로 .jsx React 구성 요소와 동일하게 남겼습니다. 그러나 React는 사용자의 웹 사이트로 전송 되지 않습니다 . 웹 사이트의 JavaScript 코드는 거의 완전히 제거되었으며, 매우 간단한 상호 작용을 위해 필기 기본 JavaScript 코드 만 남습니다.

그래서 여기에 일이 일어나는 일이 있습니다. 동전 병합? 나에게 Astro는 개발자 중심 도구와 매우 흡사합니다. 그것은 나를 도왔다. Vite 컴파일러를 사용합니다.이 컴파일러는 매우 빠르고 사용하기에 즐겁습니다 (Astro는 아직 1.0에 도달하지 않았지만 DX는 크게 구현됩니다). 그것은 내 스타일을 범죄합니다. SCS를 쓸 수 있습니다. 이를 통해 구성 요소를 작성할 수 있습니다 (많은 다른 프레임 워크 사용). 그러나 또한 사용자에게 도움이됩니다. 웹 사이트에는 JavaScript 패키지가 전혀 없습니다.

이것은 Astro가 범주를 변경하지 않았다는 것을 의미합니다. 개발자 중심 도구입니다. 원래 사용자 지향 도구 (심지어 svelte)를 거의 완전히 개발자 중심 도구로 바꾸는 것입니다.

Flavio는 여전히 주머니에있는 Astro에 대한 몇 가지 링크가 있기 때문에 시작하는 것에 대한 훌륭한 자습서를 가지고 있으며 Drew McLellan과 Matthew Phillips는 최근 Smashing Podcast에서 Astro에 대해 토론합니다.

다음은 Dave와 함께 최근에 Astro와 함께 다시 작성하는 웹 사이트입니다.

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