Feature list

[jimafisk]

Feature list from Rustle. Not aiming to implement all of these, just a good reference for the many things that Svelte is doing.

• on:click event handler
• arrow function with single assignment
• display variable (eg. {counter})
• scoped CSS
• reactive declarations (currently only simple assignment declarations work)

Feature roadmap:

• Dynamic attributes ({class} instead of class={class})
• Styling (<style></style>)
• Nested components
• HTML tags ({@html htmlString})
• Reactivity
  • Reactive assignments (on:click={handleClick})
  • Reactive declarations ($: doubled = count * 2)
  • Reactive statements
• Props
  • Declaring props
  • Default values
  • Spread props
• Logic
  • If blocks
  • Else blocks
  • Else-if blocks
  • Each blocks
  • Keyed each blocks
  • Await blocks
• Events
  • DOM events
  • Inline handlers
  • Event modifiers
  • Component events
  • Event forwarding
  • DOM event forwarding
• Bindings
  • Text inputs
  • Numeric inputs
  • Checkbox inputs
  • Group inputs
  • Textarea inputs
  • File inputs
  • Select bindings
  • Select multiple
  • Each block bindings
  • Media elements
  • Dimensions
  • bind:this={canvas}
  • Component bindings
• Lifecycle
  • onMount
  • onDestroy
  • beforeUpdate and afterUpdate
  • tick
• Stores
  • Writable stores
  • Auto-subscriptions
  • Readable stores
  • Derived stores
  • Custom stores
• Motion
  • Tweened
  • Spring
• Transitions
  • Adding parameters
  • In and out
  • Custom CSS transitions
  • Custom JS transitions
  • Transition events
  • Deferred transitions
• Animations
• Easing
• Actions
  • Use directive
  • Adding parameters
• Components
  • Slots
  • Slot fallbacks
  • Named slots
  • Slot props
  • Conditional slots
• Special elements
  • <svelte:self>
  • <svelte:component>
  • <svelte:element>
  • <svelte:window>
  • <svelte:body>
  • <svelte:head>
• Named exports
• @debug tag

[jimafisk]

I don't want to include any animation/transition declarations in our library. At first glance those are nice when adding/removing elements from the page, but these have always been finicky in Svelte imo and I often end up reworking them to use native CSS transitions instead. As much as possible I like to stick with existing browser standards so a wider range of tutorials apply and have the added benefit of keeping a smaller footprint for this project.