Best of Svelte2021

  1. 1
    Article
    Avatar of phProduct Hunt·5y

    Tailwind Mobile - Mobile UI components built with Tailwind CSS

    Tailwind Mobile - is a free and open source mobile UI components library built with Tailwind CSS. With components for React, Svelte & Vue.js. Embed on your blog or social media accounts to show your support for Tailwind Mobile. Back to the page you came from.

  2. 2
    Article
    Avatar of vercelVercel·4y

    The future of Svelte, an interview with Rich Harris – Vercel

    Svelte has been voted the most loved Web framework with the most satisfied developers. In this 45-minute interview, hear Rich Harris talk about his plans for the future of the framework. Other topics include funding open source, SvelteKit 1.0, the Edge-first future, and more.

  3. 3
    Article
    Avatar of newstackThe New Stack·5y

    All About Svelte, the Much-Loved, State-Driven Web Framework – The New Stack

    Svelte is an open source web user interface framework for defining a web interface with components. It is implemented as a compiler, written in TypeScript, and is designed to do as much of the work as it can at build time, rather than in the browser. The framework is being used by a range of companies, including Apple and Spotify.

  4. 4
    Article
    Avatar of svelteSvelte Blog·5y

    What's new in Svelte: June 2021

    This month, we saw lots of contributions to SvelteKit and its docs. The language tools also got some new features, most notably deeper integration with S Velte files within JavaScript or TypeScript files. The VS Code extension svelte-check got a new major release.

  5. 5
    Article
    Avatar of sitepointSitePoint·4y

    How to Fetch Data in Svelte

    This tutorial explores how you can consume and render data from an API in your Svelte application. We’ll build a sample application that interacts and displays data provided by a REST API server. This application will allow users to fetch lists of blog posts and display them on the page.

  6. 6
    Article
    Avatar of logrocketLogRocket·4y

    Introduction to Svelte Actions

    Svelte actions are one of the less commonly used features. An action allows you to run a function when an element is added to the DOM. They can greatly simplify your code and allow you to reuse bits of logic. In this post, I’ll give two examples where a Svelte action would be useful and show why an action is the right tool for the job.

  7. 7
    Article
    Avatar of devtoDEV·5y

    Getting started with Svelte

    Svelte is a tool for building JavaScript-based web applications like React, Angular or Vue. Svelte acts as a compiler. Use the online REPL to learn without installing anything locally. Next up will be about the file structure in Sveltte.

  8. 8
    Article
    Avatar of svelteSvelte Blog·5y

    What's new in Svelte: February 2021

    Big improvements across the Svelte ecosystem this month. Sapper and svelte-preprocess got some improvements in scroll tracking and handling encoding query parameters. "Extract Component" has been added to the context menu - allowing you to extract components out of files without having to open the command window.

  9. 9
    Article
    Avatar of css_tricksCSS-Tricks·4y

    Inertia

    Astro is a server-side version of SvelteKit that lets you use the same syntax as the incumbent, React. Astro uses the Vite compiler and is super fast and pleasant to work with. It lets me write components (in many different frameworks). But it also helps the user here. No more JavaScript bundle on the site at all.

  10. 10
    Article
    Avatar of logrocketLogRocket·5y

    Comparing the best new JavaScript frameworks to React

    React is an open-source JavaScript library that was created to help developers build user interfaces and UI components specifically for single page applications. In this article, we’ll look at newer frontend JavaScript frameworks, including Aurelia, hyperHTML, Svelte, and Preact. We will discuss what each framework is, how it can be used, and its similarities and differences when compared to React.

  11. 11
    Article
    Avatar of newstackThe New Stack·4y

    Vercel and Svelte: A Perfect Match for Web Developers – The New Stack

    Rich Harris, creator of the popular Svelte frontend compiler for building fast web applications, has joined Vercel. Vercel is the provider of a popular development platform for frontend frameworks and static sites. Harris said they decided they “are not going to let the demands of any one commercial entity dictate” what is a consensus-driven project.

  12. 12
    Article
    Avatar of logrocketLogRocket·4y

    Build your own component library with Svelte

    Svelte is an open source JavaScript component framework for building web applications. Svelte takes a different approach than all the existing web frameworks like React, Angular, and Vue, which follow declarative, state-driven code. In this article, we are going to learn how to build a component library on our own.

  13. 13
    Article
    Avatar of thisdotThis Dot·5y

    Web Components with Svelte

    Svelte is a great framework for building applications, but did you know you can create custom elements and web components with it? In this post, we'll learn how to create a Svelte component, export it as a custom element, and use it. We'll also learn about limitations when doing it.

  14. 14
    Article
    Avatar of svelteSvelte Blog·5y

    What's new in Svelte: January 2021

    A Svelte-packed showcase to kick-off the new year! 0.29.0 will include new TypeScript definitions, fixes to scroll tracking and prefetching behavior, and improvements to the runtime router to support encoded query parameters. We've updated last month's blog post to avoid any confusion with the name change. There are no docs or support available yet... So use at your own risk.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Become a Full Stack Developer with Svelte, Postgres, Vercel, and Gitpod

    Full stack web development includes the backend that happens on a server and the frontend that happens in the browser. Mike Nikles developed this course. The Svelte JavaScript framework is used for the front end with Postgres as the database. The app is deployed using Vercel and Railway. Watch the full course below or on the freeCodeCamp.org YouTube channel (7-hour watch).

  16. 16
    Article
    Avatar of infoworldInfoWorld·4y

    Svelte creator: Web development should be more fun

    Svelte and its full-stack framework, SvelteKit, have made a splash and won applause. The New York Times employee talks to InfoWorld's Matthew Tyson about front-end JavaScript trends. Harris: "We do it because it’s fun, and because we want web development to be more fun"

  17. 17
    Article
    Avatar of css_tricksCSS-Tricks·5y

    Svelte for the Experienced React Dev

    This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and then shift focus to things like state management and DOM interoperability. I plan on moving somewhat quickly, so I can cover a lot of topics.

  18. 18
    Article
    Avatar of css_tricksCSS-Tricks·5y

    Astro

    Astro is an in-progress site-builder framework built on top of React and Vue. It ships no JavaScript to the front-end at all, unless you specifically opt-in to it. It has scoped-CSS-by-default like Vue’s <style scoped> , meaning it doesn’t even need CSS Modules since you get all the benefit anyway. It embraces the idea of Islands Architecture — the idea that most sites are composed of static content with only parts of interactive/dynamic content.