你应该尝试 Svelte 的 3 个理由
Svelte 是JavaScript 框架领域的一位新竞争者。它可能不如React和Vue等其他框架成熟,但以下三个理由足以让你尝试Svelte:
- 学习曲线非常平缓。
- 它需要的代码行数更少,状态管理也更方便。
- 它不是一个普通的框架。
1. 学习曲线非常平缓
如果你懂HTML、CSS和Javascript,学习Svelte简直易如反掌。和Vue一样,Svelte模板是HTML的超集。
乍一看像是HTML,但实际上是Svelte。{}通常用于在HTML中插入JavaScript。
Svelte是一个基于 HTML、CSS 和 Javascript 的框架,并添加了许多很棒的插件。
如果你只懂HTML、CSS 和 Javascript,那么不妨试试Svelte 。以后迁移到其他框架也很容易。
2. 它需要的代码行数较少,并且状态管理也比较容易。
让我们以使用React和Svelte实现一个简单的计数器为例。
React:
class Timer extends React.Component {
constructor(props) {
super(props);
this.state = { seconds: 0 };
}
tick() {
this.setState(state => ({
seconds: state.seconds + 1
}));
}
componentDidMount() {
this.interval = setInterval(() => this.tick(), 1000);
}
componentWillUnmount() {
clearInterval(this.interval);
}
render() {
return (
<div>
Seconds: {this.state.seconds}
</div>
);
}
}
ReactDOM.render(
<Timer />,
document.getElementById('timer-example')
);
苗条:
<script>
let seconds = 0;
setInterval(() => seconds += 1, 1000);
</script>
Seconds: {seconds}
React:33 行,
Svelte:6 行
从上方看去:
- Svelte用更少的代码实现了更强大的功能。
- Svelte的状态管理非常简单。
3. 它不是一个普通的框架。
Svelte 与其他框架截然不同。Svelte会将你的代码编译成原生 JavaScript,因此 Svelte 应用的构建体积很小。Svelte 的速度和开发者体验使其声名远扬。
