Reactivity News #13
Repost of Reactivity News June 2021 edition, my Svelte focused newsletter
In this edition: Svelte, Solid, Web Components and other interesting stuff.
Two releases in the past month ... or maybe none? Not sure. For in-depth details see Svelte's official blog post.
From 77% to 65% complete in a month. I predicted at the end of June in the last newsletter, but the odds are getting lower. This is no surprise. The more you fix the more you discover.
How is Svelte different than React?
Josh Nuss teaches us history of JS and shares his thoughts on how Svelte is different from React.
SvelteKit Theme Switch
How to use Svelte stores and TypeScript to implement CSS theme switcher
Simple Page Transitions with SvelteKit
How to implement nice page transitions using Svelte HOC and key property
Shadow Generator built in Svelte
Nice shadow generator built with Svelte and Tailwind
Very cool app built with Svelte and Tone.js. Just don't get stuck playing around!
SvelteKit Authentication with Magic Links
This is a demo application for using Magic auth with SvelteKit. Magic provides secure, passwordless authentication for your application.
One thing SvelteKit hasn't officially solved yet in authentication. Hopefully this lib will be the goto solution.
IBM Carbon components in Svelte
Seems like IBM is one of the bigger companies that is betting on Svelte. Nice!
Deep Space Network
App showcasing Carbon Components and Svelte
Neat SvelteKit boilerplate with all common bells and whistles
Cool new animation library for Svelte
Another forms library for Svelte
In the past month I've been reading up on Solid.js. Very interesting reading! Ryan Carniato has really thought everything through when designing Solid taking the best parts and inspiration from number of different frameworks.
If there is one thing I can recommend in this edition s to read all the articles by him! You can find the links in Solid's Github repo.
Feels like Solid.js is gaining a lot of traction at the moment. This is a framework to watch!
Awesome Forms with Solidjs
A simple example of building a simple address form with Solid and RxJS.
SolidJS - React meets Svelte?
Feels like PWAs are on the rise. Here is a good starting point to learn more about them.
A re-implementation of Elm architecture in PureScript.
Cool library that makes a lot of hard things easy by only using HTML attributes
Quicklink is a tiny library that prefetches page resources for you. It's kind of SvelteKit's prefetch attribute.
Library with almost on par functionality with Quicklink. A direct competitor?
Aurelia Web Framework
A really interesting framework with great documentation. Weird that I haven't seen it before. I wonder if it's popular?
Sometimes you have to throw together an app really quickly. Classless CSS frameworks can be really useful in such cases.
Building next Google Docs or Figma? Then check out this library
SPA vs Phoenix LiveView
Lately I've been playing with Phoenix LiveView. It's a totally different approach to regular frontend apps. In LiveView you keep state on the server. Here is a short and easy-read article that teaches us the differences. Maybe it will arouse your interest to learn more about LiveView.
I am not sure what I think about web components yet, I've never needed to write one, but the idea of having framework agnostic components is certainly appealing. There are many use cases for web components, but where do you draw the line?
How we use Web Components at GitHub
An interesting read about how Github builds and thinks about web components
Custom Elements Everywhere
A summary site that checks custom element support in many frontend frameworks.
A nice style library of web components. How to use it together with Svelte is yet to figure out.
Bad Joke of the Month#
Q: How does a farmer count all his animals in the barn?
A: With a cowculator
That's all for this month. Godspeed!