Svelte Fall Summit ⏤ Top #10 Reasons why Svelte is the future

hi i'm natalie i'm a software engineer making videos which respect people's time about tools for programmers building things for the web and i wanted to speak this week about the svelt full summit 2021 and more generally about the state of svelt as of december 2021 day to day i'm building react apps using the amazing next.js framework i love the react ecosystem but recently i was intrigued by all of the interesting developments surrounding svelt and not really being familiar with it i decided to investigate and i was very excited by what i discovered my overall impression is that svelt seems to be in a similar place now as the rust programming language was a few years ago named as the most loved tool in its category in a stack overflow survey svelt is currently very beloved by its still comparably small community of users but as was the case with rust a few years ago svelte seemed almost destined for growth and success in my eyes svelte is currently the top contender to disrupt the react view duopoly of javascript ui libraries in the next few years i wouldn't be surprised at all as felt became the dominant way to build for the web and here are my top 10 reasons for why i think that's the case number 10 on my list is the growing ecosystem there's a monthly what's new and spelt blog post which is regularly filled with announcements of new and interesting projects in the spell ecosystem i think part of the reason why this is the case is the current excitement around spell but i'm also convinced that the other part has to do with the svelt technical architecture which i'm going to cover in later parts of this list the svelte full summit 2021 has seen announcements of several libraries built specifically to be used with svelt so that's felt cubed a free js component library first felt written by rich harris the creator of swell svelt fsm a tiny finite state machine library for swell several static site generation tools so primo plenty slinky and a few self-standing open source projects have demoed their support for svelte during the summit along them vast a tool a framework for form validation and plug-in icons a library for enabling the universal access to tens of thousands of svg icons coming in at number nine for me are svelte stores so svelte takes a different approach to react when it comes to the application global state while react has a very unopinionated stance on this topic offering only a loosely coupled assortment of utilities that a developer needs to integrate correctly how they see fit svel offers an opinionated default approach in the form of svelte stores which feel like a natural extension to javascript modules in my opinion this should result in higher productivity when developing woodswell since the application global state is such a common feature that it ends up getting reinvented unnecessarily so many times number eight on my list is the fact that's felt as a compiler as opposed to being a library or a framework in the sense that react and view are in a react app the react library is sent to the browser as part of the javascript bundle alongside the application code while svelt compiles the application down to vanilla javascript and the browsers themselves don't interact with svelte at all due to not being present in the browser svelte is also thought of as being a disappearing framework this approach has already been proven to improve the performance and the overall developer experience at number seven on my list is felt's true reactivity so in react reactivity is tightly coupled to setting state and rendering the ui in spelt reactivity is more fundamental and can apply to any javascript value at any time independent of component renders another major difference in how reactants felt treat reactivity can be seen in the way that a component tree is rendered in each of them in react an update to the state of a top-level component could cause a re-render of the entire component tree to achieve more optimized rendering performance developers could opt out of renders by using react.memo and use memo and use callback hooks in svelte for updates to propagate to the ui the developer needs to opt into the updates explicitly which makes felt's default behavior more performant than the one in react the sixth biggest reason why i think that svelt is the future is felt's embed ability so gashemo verstal ceo calls this property of svelt fractality this term describes that svelt can incrementally scale from being embedded in a large software project through to forming a single page application or even implementing an entire multiplayer application with the use of sveltkit multiple speakers during the summit have shown how easy it is to embed svel into an existing application whether it's php react or anything else we've also seen a demo in which react was embedded into svelt proving that svelte's embeddability goes both ways at number five for me is versailles vision force felt so rich harris the creator of spelt has recently joined versailles and this sent waves around the internet so versailles the company behind nexjs and the versailles serverless platform their mission is to empower developers to make the web better so during the summit gishemo the ceo of herself shared his vision for the future of web app development which i would summarize as so number one the cell is looking to achieve the fewest number of keystrokes from an idea to an app and they see svelte is playing a key role in this and then number two verstell is all about the edge and they're looking to put svelt apps everywhere so closer to users i'd say credit to geschemo for realizing what the future will look like and steering the cell in what i believe to be the right direction and i'd say that this decision is particularly impressive in light of the fact that sveltkit is a direct competitor to vercell's own next js so out of all the companies that lead the new wave of innovation in web app development among which i primarily count versailles and netlify and cloudflare versailles seems to be particularly willing to lead the shaping of developer tools that the entire community depends on in a open way number four is felt's gentle learning curve a significant amount of anecdotal experience including my own backs the idea that it's easier to learn svelte than it is to learn react or view svelte seems to offer a middle ground between using a full-blown ui framework and using vanilla javascript because spelt concepts build directly upon web technologies and apis available in every browser because spelt is a thin layer on top of the existing web technologies this makes it particularly suitable for teaching html css and javascript and a repeating theme throughout the spelt summit was the idea that development with svelte is fun because felt offers a great mix of number one the power of a modern declarative ui framework with built-in support for animations transitions and state management and then number two unhindered access to the underlying technologies which make the web the awesome platform that it is number three on my list is felt kit svelt zone post jam stack hybrid framework similar to next js i think the big reason why react is so popular is the amazing tooling ecosystem built around it that includes nexujs gatsby and create react app svelte is on track to have an amazing tooling ecosystem as well and the most prominent tool in this ecosystem is felt kit and sveltkit is to spell what nexjs is to react sveltkit is being prepared for 1.0.0 release and a month ago it was reported that it's over 80 percent done internally svelte kit is powered by vite.js and builds on the experience of a previous framework for spelt called sapper now that rich harris is at first cell i wouldn't be surprised if many of the great ideas from next js end up in spelt kit and the other way around and i think this can only benefit both the react and the spell development tooling innovation on the part of the svelte kit so it's not only a tool kit for app development but it's also intended for the svelt library development as well meaning that both can be developed side by side within the same project and then a developer has a choice of either deploying the app or publishing the library coming close to the top of my list and the number two spot are svelte ergonomics the ergonomics of a development tool is the key determining factor in the developer experience and in this category svelt is objectively ahead of any other ui framework so in react world the move from class-based components to functional components with hooks has been hailed as a major improvement to the ergonomics of writing a react application so in a similar way it is now argued that when moving from react with hooks to svelt one is expected to see similar improvements to ergonomics svelt has kept the declarative nature of its predecessors but offers the dx improvements in number one there are fewer lines of boilerplate code and then number two there is a better composability of the ui code with the other parts of the application having this in mind the argument could be made that swelters the next generation framework after react and view and that it has a very bright future indeed at the top of my list and the reason why i'm most excited about svelt is felt's performance so being a compiler opens felt two performance improvements that are simply out of reach to the other ui frameworks the obvious improvement being the fact that svelt doesn't send its own ui library javascript bundle when an end user visits the page and what is sent over the wire is the exact amount of javascript required for the dynamic features of the app and nothing more during felt summit we have seen the comparisons of the same app being built in spelt react and view and the svelt app outperforms the other two libraries across all metrics including code size bundle size first content full paint and the speed index a major factor in svelte's performance in the browser is the fact that svelt has done away with the notion of a virtual dom reducing its memory footprint relative to the other frameworks the systematic approach of spelt's team to achieving the great performance outcomes across the board is also visible in the way that they've approached npm packaging and managing their dependencies which just shows a huge amount of mindfulness and care so that was my top 10 reasons as to why i'm excited about the future of svelt thank you for listening and hopefully see you again next week

Channel: Natalie Marleny

Views: 3,352

Keywords: Web Applications, Programming, Svelte, Vercel, React

Id: ZjqxuoJANh8

Length: 11min 23sec (683 seconds)

Published: Sun Dec 05 2021