Svelte 4

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • Svelte

    Cybernetically enhanced web apps

  • breaking: Minimum supported Node version is now Node 16 (#8566)

    breaking: Minimum supported webpack version is now webpack 5 (#8515)

    breaking: Bundlers must specify the browser condition when building a frontend bundle for the browser (#8516)

    breaking: Minimum supported vite-plugin-svelte version is now 2.4.1. SvelteKit users can upgrade to 1.20.0 or newer to ensure a compatible version ([#8516] (#8516))

    breaking: Minimum supported rollup-plugin-svelte version is now 7.1.5 (198dbcf)

    breaking: Minimum supported svelte-loader is now 3.1.8 (198dbcf)

    breaking: Minimum supported TypeScript version is now TypeScript 5 (it will likely work with lower versions, but we make no guarantees about that) ([#8488] (#8488))

    breaking: Remove svelte/register hook, CJS runtime version and CJS compiler output (#8613)

    breaking: Stricter types for createEventDispatcher (see PR for migration instructions) (#7224)

    breaking: Stricter types for Action and ActionReturn (see PR for migration instructions) (#7442)

    breaking: Stricter types for onMount - now throws a type error when returning a function asynchronously to catch potential mistakes around callback functions (see PR for migration instructions) (#8136)

    breaking: Overhaul and drastically improve creating custom elements with Svelte (see PR for list of changes and migration instructions) ([#8457](https://github. com//pull/8457))

    breaking: Deprecate SvelteComponentTyped in favor of SvelteComponent (#8512)

    breaking: Make transitions local by default to prevent confusion around page navigations (#6686)

    breaking: Error on falsy values instead of stores passed to derived (#7947)

    breaking: Custom store implementers now need to pass an update function additionally to the set function ([#6750](https://github.com/sveltejs/svelte/pull/ 6750))

    breaking: Do not expose default slot bindings to named slots and vice versa (#6049)

    breaking: Change order in which preprocessors are applied (#8618)

    breaking: The runtime now makes use of classList.toggle(name, boolean) which does not work in very old browsers ([#8629](https://github.com/sveltejs/svelte/ pull/8629))

    breaking: apply inert to outroing elements (#8627)

    breaking: use CustomEvent constructor instead of deprecated createEvent method (#8775)

    These are just catch up releases, nothing seriously breaking.

    to give you perspective, Nodejs went from v10 to v20 in the same time frame.

  • npmgraph.an

    2d visualization of npm

  • It's referring to all transitive dependencies - not just direct dependencies. More like this: https://npm.anvaka.com/#/view/2d/vue

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • skeleton

    The UI toolkit for Svelte and Tailwind. (by skeletonlabs)

  • Vue 3 (with is quite close to Svelte in terms of DX, but Svelte has the edge here. Svelte is so simple, elegant and concise.<p>The biggest advantage of Vue is the ecosystem. However, Svelte is catching up. Some interesting UI component libs have recently arisen, e.g. <a href="https://skeleton.dev" rel="nofollow noreferrer">https://skeleton.dev</a>.<p>Performance wise, both are super fast.<p>Make sure to check out Sveltekit, even for building pure SPAs. The routing and data loading are worth it alone.

  • svelte-it-will-scale

    Generate a chart showing svelte's overhead

  • That N is very large. E.g. here's a page that talks about it: https://github.com/halfnelson/svelte-it-will-scale. I'll note that was done with Svelte 3 and that with Svelte 4 components are at least 10% smaller, so it's actually even better than that. SvelteKit is also very efficient at JS splitting per-route thanks to Vite. It ensures only the JS that is necessary for a page is loaded and you're extremely unlikely to be using anywhere near that many components. Based on the article above, you'd have to have three entire sites worth of components on a single page.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Composable architecture example: Go headless (best practices)

    2 projects | dev.to | 30 Apr 2024
  • Rich Harris: Svelte parses HTML all wrong

    1 project | news.ycombinator.com | 5 Apr 2024
  • Mario meets Pareto: multi-objective optimization of Mario Kart builds

    2 projects | news.ycombinator.com | 4 Apr 2024
  • Svelte parses HTML all wrong

    1 project | news.ycombinator.com | 4 Apr 2024
  • Svelte parses HTML all wrong

    1 project | news.ycombinator.com | 3 Apr 2024