Vue.js Developers Newsletter Issue #120

Newsletter Issue #120View this issue onlineThe function-based API is one of the most exciting proposals for Vue.js 3. Inspired by React Hooks, the new API presents a clean and flexible way to compose logic inside and between components with few drawbacks.Abstracting code can make it simpler but can also trick you into believing you're cleverer than you are! Michael Thiessen explains how tiny design flaws in an abstraction can cause a chain of problems in codebases that use it.While not a silver bullet, hooks are a programming pattern that can make web app code more straightforward. In this article, learn how hooks make it possible to decouple components responsible for handling business logic from optional logic.This article will take you through the author's journey into creating a dynamic tree diagram that uses cubic bezier curve paths and Vue.js for data reactivity.SponsoredSnipcart, an HTML/JS based e-commerce solution, just released its v3.0 (in beta)! Now, we’re looking for great developers to come test it out and tell us what they loved, hated, or questioned with our newest Vue.js based version—totally free of charge.The goal of this article is to help you understand the behind-the-scenes process of designing complex user interfaces and to pick up a few advanced tips such as drag-and-drop interface, form validation, bundle optimization and more.Hooks take functional components to the next level without classes, "this", and hardly any boilerplate. This article compares some common Vue patterns to an implementation using React hooks, listing the pros and cons of each.TOAST UI Grid is an independent library that does not rely on other frameworks. Learn how and why they're building their own reactivity system similar to Vue.js for the upcoming version 4 release.SponsoredStudio 3T gives you full visualisation of your data and all the tools you need to access it, query it, edit it in-place, build aggregations and more. “Studio 3T saves me 10 hours a week,” says Pierre Folens at Orange. Download your free trial.Special thanks to my senior Patreon sponsors Vue School.

This is a companion discussion topic for the original entry at https://vuejsdevelopers.com/newsletter/issue/120/