Svelte를 사용하여 모듈 생성/모드 관리 도구를 제작한am-mocktimes

am-mocktimes 소개

am-mocktimes는 모듈 생성과 모드 관리를 하는 도구다.
직감적으로 아래 코드를 쓰시오
patterns.yml

Travel Plan A: [setPlan, A]
Travel Plan B: [setPlan, B]
Travel Plan Z:
   - [setPlan, Z]
   - [setLocation, Cell Game, true]

다음 목록 화면 보이기

다음 코드를 추가하려면 상기 링크를 누르십시오
mock-config.js

import mock from 'am-mocktimes'

mock({
    setPlan(name) {
        // 処理
    },
    setLocation(name, flag) {
        // 処理
    }
})

적용 화면에서 실행을 전환합니다.브라우저 패키지를 통해 반환할 수 있습니다.
Plan A 선택
Plan B 선택


상세한 문서는 창고.를 보십시오.위 시위행진여기..

Svelt로 이동하는 이유

am-mocktimes는 Riot.js를 채택했다.나는 Rio의 목표가 웹 스탠더드의 규격에 맞게 매우 호감을 가지고 있다고 생각한다.창고 특유의 처리를 잘 기억하지 못하고, 무게가 가벼운 경우도 많다.그래서 도서관도 쉽게 버릴 수 있다.
Svelte는 js로 완전히 컴파일되었기 때문에 라이브러리의 용량은 0kb참고 문장이다.웹 스탠더드에 더 가깝다고 볼 수 있습니다.
또 2019 JavaScript Rising Stars / Front-end Frameworks 갑자기 3위로 올라서며 관심이 급상승했다.
Does it mean that we have now a BIG-4 instead of a BIG-3?
"(Vue.js, React, Anglar의) 뜻은 3강 시대부터 시작해 4강 시대로 진입했다?위에서 말한 바와 같이 인기 상위의 틀도 깊이 파고들었다.
이런 관심도 있다, 리오.js에 비해 개발 도구가 충실합니다.linter,formatter,suggest의 기능은 vscode로 매우 크고 쓰기 쉽다.아직 타입스크립트 지원이 단점으로 꼽히지는 않았지만, 개인적으로는 이보다 더 큰 이점을 느꼈다.
이동을 결정하는 것은 Svelte 기능 중 하나인component-Sscoped CSS입니다. (하위 구성 요소는 스타일의 기능을 계승하지 않습니다.)예상치 못한 스타일 붕괴가 발생하지 않도록 이 기능을 가진 웹 컴포니트를 여러 번 갈아타고 싶어 목이 촉촉해지는 것을 느꼈습니다.이 기능을 모르는 사람이 보면 여기 Tutorial 이해하기 쉽다.

실제로 해 보다

생각보다 만들기 쉬워요.Svelte Tutorial(공식) 8장까지 읽고 개발 간격Svelte Master / tutorial에서 보면서 한다.처음부터 공식 튜토리얼을 다 보면 수정이 줄어들 것 같아요.컴백 등 몇 가지에 반했지만 잘 해결돼서 전체적으로 만족합니다.

Riot.정보

나는 이 틀을 매우 좋아해서 자신의 보조로 완성된 핵심 위원들을 계속 지지할 계획이다.그냥 혹시, 리오.나도 js의 진정한 목표가 Svelte 같은 0kb 라이브러리인지 생각 중이야.좋은 의미에서 자신의 예상을 배신할 수 있다면 나는 매우 기쁠 것이다.

전체를 통과하다

Svelte는 모델에 대한 엄격한 프로그램 설계가 아니기 때문에 대규모, 인원이 많은 개발을 추구하기에는 적합하지 않다.하지만 형 안전성을 갖추지 않아도 개발 성능을 충분히 높일 수 있는 방법이라고 생각한다.유형 안전성이 있는 개발로서 나는 Rust의 전단 개발을 기대하고 있다.앞으로 Svelte와 Rust의 융합은 가능하며 어떻게 진화하면 더 좋을지 이상을 생각하면서 개발하겠습니다.