Product Hunt·5yTailwind 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.
Vercel·4yThe 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.
The New Stack·5yAll 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.
Svelte Blog·5yWhat'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.
SitePoint·4yHow 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.
LogRocket·4yIntroduction 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.
Svelte Blog·5yWhat'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.
CSS-Tricks·4yInertia
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.
LogRocket·5yComparing 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.
The New Stack·4yVercel 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.
LogRocket·4yBuild 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.
This Dot·5yWeb 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.
Svelte Blog·5yWhat'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.
freeCodeCamp·4yBecome 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).
InfoWorld·4ySvelte 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"
CSS-Tricks·5ySvelte 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.
CSS-Tricks·5yAstro
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.
