I spent 12 hours watching ViteConf 2023 talks to learn lot of cool new things about web dev, open source softwares, and front end technology. You can find the list of talks here. I became aware of so many amazing web dev tools and frameworks to improve developer experience. I’m going to highlight the talks I personally found most interesting.
Stop Writing Docs; Start Helping by Sarah Rainsberger - Docs Lead at Astro
Sarah talks about how to write great docs with many concrete examples and advices. I think this talk is beneficial to everyone because great docs is how you get people to use your software. “Write less, help more” is the central idea of the talk. I screenshotted some slides with great advice.
Anthony Fu talks about converting OOS that work universally instead of one specific use case or software.
Anthony and his collaborators talks about building tools in Nuxt that allow server functions of apps - server side rendering and server APIs - to to work with specific features of cloud providers, such as edge rendering and serverless functions. The tool auto detects each platform and allows apps to be written isomorphically.
They realized this is a problem every metaframework has to deal with and is not specific to Nuxt. So they extracted those tools into a standard tool called Nitro - a universal server builder. With Nitro taking care of the details of dealing with servers, it actually allows Nuxt to have more clear architecture for handling server side rendering, APIs, etc.
Now Nitro has been adopted by other metaframeworks such as Analog and Stacks.
Similarly, they built first-party integrations to allow Nuxt to be compatible with Webpack and Vite for bundling. However, the architecture and plugin ecosystem are quite different. For example, if you want to add some transformation to some modules in the pipeline, that would require implementing the logic twice for each-plugin. That doubles the work as well as the effort for community modules to support it.
Thus they created unplugin, a universal plugin interface, that now has its own community and expanded the scope to support Rollup, Esbuild, and potentially more in the future.
Manuel explains performance differences between frameworks thoroughly and concisely with great visuals. He shows how Qwik is the first O(1) framework with regards to hydration. I highly recommend watching the whole thing.
I’m definitely going to try out Qwik for its unique hydration approach. Also it’s re-rendering approach is interesting as well, somewhere between React and Solid - solving for performance and mental overhead. I recommend reading this article about Qwik’s Signals.