Talk Notes for "10xing Svelte" at Svelte Summit 2022

[swyxio]

---

title: 10x-ing Svelte (Svelte Summit 2022 Talk Notes) subtitle: The Case for the Svelte Supply Chain slug: svelte-2022 category: note canonical_url: https://swyx.io/svelte-2022 description: Some show notes for my Svelte Summit talk for those who are looking for all the references and cut content.

Slides

https://docs.google.com/presentation/d/1RlKAdQ59R7SnKTCKrmJvf93Jq7qn7N71UGe3Ci5kS4I/edit?usp=sharing

Video

Video isn't up yet but I should be on the Society Livestream:

{% youtube https://www.youtube.com/watch?v=A8jkJTWacow&feature=youtu.be %}

Outline

• how we got here
  • 1st october 2019 https://twitter.com/swyx/status/1176652330680426496
    • https://www.swyx.io/starting-dev-community-meetup
  • https://twitter.com/swyx/status/1411071913548414976
  • 2021 10k members https://twitter.com/swyx/status/1411071913548414976
  • kev fulltime https://twitter.com/kevmodrome/status/1463151477174714373
  • 2021 recap https://twitter.com/swyx/status/1455962646537068545
  • how started how going https://twitter.com/swyx/status/1543338895764606981
• what we want
  • ecosystem https://twitter.com/SvelteSociety/status/1390082681753374723
  • types of chasms
    • Rogers Curve: enthusiasts, visionaries, pragmatists, conservatives, skeptics
    • other
      • gartner hype cycle
      • perez surge cycle
      • wardley commoditization
        • genesis
        • custom built
        • product
        • commodity
      • invisible asymptotes
        • breaking through the next tier of users
      • metalanguage
        • https://cdn.hashnode.com/res/hashnode/image/upload/v1653866746845/iOPGgwHFJ.png
    • early vs late
      • the tech is the story vs the result is the story
      • "because i can" vs "because there's money"
• what we need
  • Holotypes
    • Content
    • Ecommerce
    • Dashboard - showing data, doing things
    • Social network (HN, Slack clone)
  • Building blocks
    • bundler
    • component framework
    • ssr framework
    • styling
    • transitions & animations
    • a11y
    • state management
    • misc: head management, class toggling
  • ecosystem https://kwokchain.com/2021/02/05/atomic-concepts/
    • evolution - growing a language
      • first you have a system
      • then you have system with plugins
      • then you dogfood system with plugins
      • svelte is different. all functionality was plugins. svelte is a language
    • types of
      • UI KIt
        • https://react-spectrum.adobe.com/react-aria/
        • https://chakra-ui.com/docs/components
        • https://mui.com/
      • Infinite list
      • Tables
      • Datepickers
      • Modals
      • Tooltips/Toasts
      • nonsvelte
        • D3
        • Greensock
        • Three.js
        • https://github.com/nosir/cleave.js
        • https://github.com/daybrush/moveable/tree/master/packages/svelte-moveable
        • rich text editing?
        • Video player
  • ask not what svelte can do for you, ask instead what you can do with svelte