Overview React Vue Angular AngularJS Cycle Ember Inferno Preact Svelte Riot Backbone HTML / Web Components Leaked globals Dojo

Select bindings Select bindings We can also use bind:value with <select> elements. Update line 24: <select bind:value = {selected} on:change = "{() => answer = ''}"> ...

The class directive The class directive Like any other attribute, you can specify classes with a JavaScript attribute, seen here: <button class = "{current === 'foo' ?...

Else blocks Else blocks Since the two conditions — if user.loggedIn and if !user.loggedIn — are mutually exclusive, we can simplify this component slightly by using an else ...

In and out In and out Instead of the transition directive, an element can have an in or an out directive, or both together. Import fade alongside fly … import { fade ,...

Quick Start Guide Slow Start Guide Storybook for HTML Storybook for React Storybook for React Native Storybook for Vue Storybook for Angular Storybook for Mithril Storybo...

Spread props Spread props If you have an object of properties, you can ‘spread’ them on to a component instead of specifying each one: <Info {... pkg } /> Conversely, i...

设计理念 设计理念 Svelte 的作者提出过一个论断：“框架不是用来组织代码的，是用来组织思路的”。而 Nano 最突出的一个优点就是不打断你的思路。Nano 非常擅长于自我声明，几乎不需要了解框架细节，只需要简单读一读代码，就能知道代码的目的。通过极简的代码声明，完成一个完整的 Hyperf 应用。

Text inputs Text inputs As a general rule, data flow in Svelte is top down — a parent component can set props on a child component, and a component can set attributes on an el...

Integrations What is an API? Get started Integrations Strapi generates an API for you to access your content. But how can you connect a React, Ruby, Gatsby application to it?...