内容简介:Recently I implementedThe solution is different from others in that it’s in language level, instead of writing tools such as preprocessor, svelte-draft itself is implemented inIn example
Recently I implemented svelte-draft , which is another way to add complete typescript support to svelte. I rewrote almost all examples in https://svelte.dev/tutorial and the result is repo svelte-draft-tutorial .
The solution is different from others in that it’s in language level, instead of writing tools such as preprocessor, svelte-draft itself is implemented in TypeDraft , which is a superset of typescript with built-in support for DSL extension, code transformation and literate programming.
Language support for reactivity
In example 2-reactivity/reactive-statements , we don’t need to use “$” to denote reactivity, instead we use DSL “watch”. The intention is clear here: watch count, if changed, execute the following statements.
React style component
We still use the React way to write component, and we don’t need to return JSX, just write it as is.
JSX as Template
We use JSX, but in template way, see examples in 4-logic :
We have “await ” tag to deal with promise, which is intuitive and straightforward:
And traditional “if” and “for” logic:
Slot
We can use slot with full power of typescript as well!
Transition & Animation
Let’s take transition as an example: 10-transitions/transition :
Return 0
That’s the basics of svelte-draft , and we also have template project and TodoMVC implementation .
Any feedback is welcome! :)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Python极客项目编程
Mahesh Venkitachalam / 王海鹏 / 人民邮电出版社 / 2017-5 / 69
Python 是一种强大的编程语言,容易学习而且充满乐趣。但掌握了基本知识后,接下来做什么? 本书包含了一组富有想象力的编程项目,它们将引导你用Python 来制作图像和音乐、模拟现实世界的现象,并与 Arduino 和树莓派这样的硬件进行交互。你将学习使用常见的Python 工具和库,如numpy、matplotlib 和pygame, 来完成以下工作: ● 利用参数方程......一起来看看 《Python极客项目编程》 这本书的介绍吧!