왜 난 날씬한 게 좋아

5983 단어 sveltewebdev
나는 날씬한 것을 좋아하는 많은 이유가 있다.나는 본문에서 그 중의 대부분을 언급하려고 시도했다.나는 마지막에 너도 날씬한 것을 좋아하길 바란다.
Svelte는 사라지는 JavaScript 프레임입니다.처음에 그것은 이런 방식으로 보급되었다.Svelte로 프로그램을 구축하면 Svelte를 사용하는지 여부를 판단할 수 없기 때문입니다.

1. 인터넷 개발자에게 친절
HTML, CSS, JavaScript를 좋아하는 웹 개발자입니다.솔직히 말해서, 나는 이전에 어떤 JS 프레임워크도 진정으로 좋아한 적이 없다. 왜냐하면 그들은 나에게 새로운 것을 배우게 하기 때문이다.때로는 새로운 문법, 때로는 표기를 사용하는 새로운 방법 등등.
나는 새로운 것을 배울 수 있지만, 그 중 어느 것도 깊이 연구하지 않았다. 왜냐하면 그것은 내가 매일 사용하는 일반적인 HTML, CSS, 자바스크립트에 대한 편리함 같기 때문이다.
마지막으로, 나는 오랫동안 떨어져 있던 프로젝트를 책임져야만 했다.이것은 강요였지만, 나는 그것을 좋아하기 시작했다.JavaScript 프레임워크에서 얻은 진정한 생산성과 단순성을 이해합니다.

But, I did not like how React uses JSX or HTML inside JavaScript. That always felt wrong.


이것 외에 나는 Vuejs를 배우려고 시도했다. 그것은 JSX처럼 보이지 않고 HTML처럼 보였다.
나는 여전히 Vue를 좋아한다. 왜냐하면 어떤 HTML 프로그램에 스크립트 표시를 추가하면 Vue를 사용할 수 있기 때문이다.이거 대박이다.이것이 바로 HTML에 자바스크립트 플러그인을 추가하는 방식입니다.만약에 홈페이지를 설계하고 있다면, 회전목마나 슬라이더를 원한다면, 매끄러운 회전목마 페이지에 들어가서 스크립트 탭을 가져와 사이트에서 초기화하기만 하면 된다.이렇게너는 그것을 사용하기 시작할 수 있다.그런 면에서 Vue는 혁명적이다.적어도 나한텐
유튜브에서 동영상을 보기 전까지 나는 줄곧 Vue에 흥미를 느꼈다.나는 내가 마지막으로 그 동영상을 어떻게 보았는지 확실하지 않지만, 나는 내가 본 것을 매우 기쁘게 생각한다.
나는 여전히 리치 해리스의 천재를 이해하기 위해 그것을 자주 본다.그가 이 JS 프레임워크를 어떻게 다른 각도에서 보고 브라우저가 아닌 컴파일러를 이용하여 모든 논리를 처리하는지.또한, DOM을 확산하지 않고 요소를 실제로 반응시켜 가상 DOM에서 일부 내용을 변경하고 실제 DOM과 비교할 수 있는 방법도 발견했다.그런 다음 차이를 실제 DOM으로 업데이트합니다.
이런 방식을 통해, svelte는 확실히 수동적이기 때문에, 그는 가상 DOM에서 완전히 벗어났다. 이것은 다른 프레임워크와는 판이하게 다르다.다른 프레임워크는 여전히 가상 DOM을 사용하기 때문에 이것은 일종의 비용이다.
그래서 Svelte는 저에게 흥분을 주었습니다. 마지막으로 저는 이 자바스크립트 프레임워크가 배우기 어렵지 않고 더 적은 코드를 사용하여 같은 일을 실현할 수 있다는 것을 발견했습니다. 가장 중요한 것은 작은 JS 파일을 토해내서 실행할 때 환경이 필요하지 않다는 것입니다.
날씬함에 흥분하기에는 충분할 것 같지만, 나는 날씬한 다른 부분을 좋아한다.

2. HTML을 직접 작성할 수 있다
Svelte는 HTML의 하이퍼집합입니다.나는 그것이 HTML이라고 생각하지만, 많은 증강 기능이 있다.
JavaScript를 사용하지 않고 HTML 구성 요소를 작성할 수 있습니다(가져오려면 코드 한두 줄이 필요할 수 있습니다).

Svelte is HTML with super-powers!


간단한 단락 태그라도 HTML 파일처럼 작동할 수 있습니다.

3. 범위 스타일
Sveltejs에서는 모든 구성 요소가 봉인되어 있습니다.CSS는 다른 구성 요소에는 영향을 주지 않고 하나의 구성 요소로 로컬화됩니다.
그것은 거대한 등급 연결 문제를 해결했다.나는 CSS에 대해 도처에 문제가 있다.어떤 곳에서 원소를 바꾸면 다른 원소에 영향을 줄 수 있다.

You'll like using the plain old CSS in Svelte.


같은 태그나 클래스의 모든 요소에 적용되는 전역 스타일도 있습니다. 모든 날씬한 구성 요소에 스타일을 적용하려면 좋습니다.

4. 진정한 웹 구성 요소
어느 정도 나는 날씬한 조립품이 완전하다고 생각한다.파일에는 HTML, CSS 및 JS가 포함됩니다.예를 들어 이 작은 위젯을 예로 들면
<script>
  let name = "world";
</script>

<h1>Hello {name}!</h1>
<input bind:value="{name}" />

<style>
  h1 {
    color: royalblue;
  }
</style>
이 줄들은 양방향 데이터 연결 구성 요소를 만들었습니다.
회신: Two-Way Data Binding
너도 이렇게 할 수 있지만, 너는 피곤할 것이다.코드를 읽을 수 없습니다.지금이라도 리액션의 스타일을 어떻게 활용할지 잘 모르겠어요.현재 작업 중에는 Tailwind CSS 프레임워크를 사용합니다.그래서 이것은 큰 문제가 아니지만, 만약 내가 간단한 낡은 CSS를 작성해야 한다면, 그것은 까다로워질 것이다.

When you feel the need to write a comment, first try to refactor the code so that any comment becomes superfluous.

  • Kent Beck

Kent Beck의 한 구절을 인용하여 현재 몇몇 JS 프레임워크가 얼마나 엉망인지 설명하였다.
작업 중에, 나는 동료에게 React 구성 요소에서 무슨 일이 발생했는지 설명해야 한다.코드를 보는 것만으로도 그들은 도대체 무슨 일이 일어났는지 알 수 없다.날씬하면 이 문제를 해결할 수 있다.
상단에서 보신 예는 읽기 쉽고 포괄적입니다.나는 그곳에서 무슨 일이 발생했는지 설명할 필요가 없다고 생각한다.

5. 초보자가 배우기 쉽다
학습 곡선이 거의 0이다.만약 당신이 JS에 대해 조금 알고 있다면, 당신은 Svelte를 사용하기 시작할 수 있습니다.
React, Vue 등 다른 자바스크립트 프레임워크에 비해 배울 문법이 별로 없다.

JS can be hard but doesn't feel that way in Svelte.


우리는 날씬함 속에서 약간의 지령을 사용했다. 너는 공부를 해야 할지도 모르지만, 그것들은 매우 자연스러워 보인다.
참조: Svelte Documentation

6. 적게 쓰기
svelte에서는 다른 최상위 JS 프레임워크에 비해 행 수가 더 적습니다.
입력을 변수에 연결하고 표시하려면 위의 예시와 같이 코드를 더 적게 사용합니다.영국에서 나는 이 점을 하기가 매우 어렵다.

Less code = less erros & bugs.


다른 프레임에 비해 날씬한 환경에서 디버깅하는 것이 좋다.

7. 놀라운 표현
Svelte는 다른 프레임워크로 개발된 애플리케이션에 비해 놀라운 성능을 자랑합니다.나는 날씬함과 순풍으로 성능이 놀랍도록 그럴듯한 전자상거래 사이트를 개발했다.
나는 그것을 개발하여 매우 기쁘다.이전에는 jQuery로 구축되어 성능이 상당히 좋았다.그러나 이것은 여전히 전체 jQuery 스크립트를 불러옵니다. 이것은 거대한 과정입니다.슬림형으로 전환한 후 가방의 크기가 매우 작다.더군다나 나는 예전처럼 더 많은 스크립트를 추가해서 애니메이션을 얻지 않을 것이다.스웨트가 해줬어.

Try Svelte for an exhilarating developer experience


그래서 나는 날씬한 것을 선택하라고 이미 언급했다고 생각한다.날씬한 것을 좋아하거나, 왜 날씬한 것을 좋아하거나, 무엇이 날씬한 것을 좋아하게 하는지 댓글로 알려주세요.
여기서 영상을 보고 있습니다.

좋은 웹페이지 즐겨찾기