Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

JSJ 412: Svelte and Sapper with Svelte Master

JavaScript Jabber

Stay current on JavaScript, Node, and Front-End development. Learn from experts in programming, careers, and technology every week. Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Noah, a.k.a. Svelte Master, is from Indiana and recently moved to San Francisco. He has been given title Computational Linguist by SoundHound. He starts the show by talking about his Youtube channel all about Svelte. Svelte is a JavaScript framework similar to React and Vue. When you write components, Svelte will compile it into Vanilla JS, CSS, or HTML, and create a small bundle that will be sent to the client. Svelte is a ‘disappearing framework’, so your bundles come out as DOM APIs and there is no Svelte in the end result. Because the Svelte framework doesn’t send with the bundle, bundle sizes are significantly smaller, and it runs on all browsers. Noah shares some Svelte’s performance statistics. Sapper is a companion technology to Svelte that gives you server side rendering, routing, code splitting, and other features. Noah talks about how to write plugins for Svelte and embedding components. One main difference between Svelte and other frameworks is that it lacks a virtual DOM. This is because since it is just compiling down to JavaScript and the framework is not sent with the package, it doesn’t need a virtual DOM and instead updates as things change. Noah talks more about how this works. Some of Svelte Master’s favorite things about Svelte is that you write less code, especially unnecessary code, and state management is simple. He talks about how routing is handled through other tools like Sapper. The panel talks about methods for testing a Svelte app, adding Svelte components into a website, and pulling in third party libraries. They discuss whether there are things that you can’t do with Svelte that would require React or Vue. The show ends with Noah talking about what the future holds for Svelte and how to get started with it. Panelists<ul><li>Steve Edwards</li><li>Charles Max Wood</li></ul>**To receive your 40% OFF coupon for <a href="https://www.manning.com" target="_blank" rel="noreferrer noopener">Manning Publications</a> (good for all our products in all formats) visit us on <a href="https://www.facebook.com/javascriptjabber" target="_blank" rel="noreferrer noopener">Facebook</a> - click on "Send A Message"and type "YES"**Guest<ul><li>Noah (Svelte Master)</li></ul>Sponsors<ul><li><a href="http://hasura.io?utm_campaign=devchat_7Nov&utm_medium=podcast&utm_source=devchat" target="_blank" rel="noreferrer noopener">Hasura.io</a></li><li><a href="http://sentry.io/" target="_blank" rel="noreferrer noopener">Sentry</a> | Use the code “devchat” for $100 credit</li></ul>____________________________________________________________&gt; "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. <a href="https://www.amazon.com/gp/product/B081MBL5C9/ref=as_li_ss_tl?ie=UTF8&language=en_US&linkCode=sl1&linkId=9d61363241636e2546ef46abba198746&tag=devchattv-20" target="_blank" rel="noreferrer noopener">Get Your Copy Today!</a> ____________________________________________________________Links<ul><li><a href="https://www.soundhound.com/" target="_blank" rel="noreferrer noopener">SoundHound</a></li><li><a href="http://v" target="_blank" rel="noreferrer noopener">Svelte Master Youtube channel</a></li><li><a href="https://syntax.fm/show/173/hasty-treat-wes-and-scott-look-at-svelte-3" target="_blank" rel="noreferrer noopener">Syntax.fm Show 173: Hasty Treat Wes and Scott Look at Svelte</a></li><li><a href="https://svelte.dev/" target="_blank" rel="noreferrer noopener">Svelte</a></li><li><a href="https://sapper.svelte.dev/" target="_blank" rel="noreferrer noopener">Sapper</a></li><li><a href="https://rollupjs.org/" target="_blank" rel="noreferrer noopener">Rollup</a></li><li><a href="https://www.netlify.com/" target="_blank" rel="noreferrer noopener">Netlify</a></li><li><a href="https://www.heroku.com/" target="_blank" rel="noreferrer noopener">Heroku</a></li><li><a href="https://www.cypress.io/" target="_blank" rel="noreferrer noopener">Cypress</a> </li><li><a href="https://www.apollographql.com/" target="_blank" rel="noreferrer noopener">Apollo</a></li><li><a href="https://javascript.info/async-await" target="_blank" rel="noreferrer noopener">Async/await</a></li><li><a href="https://c0bra.github.io/svelma/" target="_blank" rel="noreferrer noopener">Svelma</a></li><li><a href="https://github.com/bestguy/sveltestrap" target="_blank" rel="noreferrer noopener">Sveltstrap</a></li><li><a href="https://github.com/timhall/svelte-apollo" target="_blank" rel="noreferrer noopener">Svelte-Apollo</a></li><li><a href="https://github.com/matyunya/smelte" target="_blank" rel="noreferrer noopener">Smelte</a></li><li><a href="https://electronjs.org/" target="_blank" rel="noreferrer noopener">Electron</a></li><li><a href="https://svelte-native.technology/" target="_blank" rel="noreferrer noopener">Svelte-Native </a></li></ul>PicksSteve Edwards:<ul><li><a href="https://www.imdb.com/title/tt0049096/" target="_blank" rel="noreferrer noopener">The Court Jester</a></li></ul>Charles Max Wood:<ul><li><a href="https://www.amazon.com/gp/product/B081MBL5C9/ref=as_li_ss_tl?ie=UTF8&language=en_US&linkCode=sl1&linkId=9d61363241636e2546ef46abba198746&tag=devchattv-20" target="_blank" rel="noreferrer noopener">The MaxCoders Guide to Finding Your Dream Developer Job</a></li><li><a href="https://www.imdb.com/title/tt0039190/" target="_blank" rel="noreferrer noopener">The Bishop’s Wife</a></li><li><a href="https://www.imdb.com/title/tt0039628/" target="_blank" rel="noreferrer noopener">Miracle on 34th Street</a></li></ul>Daniel Caldas:<ul><li><a href="https://www.wanikani.com/" target="_blank" rel="noreferrer noopener">WaniKani</a></li></ul> Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Aplikace Youradio Talk

JSJ 412: Svelte and Sapper with Svelte Master

Poslechněte si podcast