View profile

#117: Vue-Hooks anyone? Atomic Design for Vue components; Validation Providers and more!

Hello! Recently there’s a lot of buzz around Hooks – a new experimental addition to React, introduced
October 30 · Issue #117 · View online
Vue.js News
Recently there’s a lot of buzz around Hooks – a new experimental addition to React, introduced by Dan Abramov a few days ago.
Evan being Evan jumped right in on the idea and created Vue-Hooks – a library that implements hooks for Vue in less than 100 lines of code.
So what are hooks exactly? It’s an alternative pattern to solve the code-sharing/reusability problem that is usually solved with mixins, higher-order components or render props (think scoped slots or renderless components).
Hooks should help you extract shared logic that you wouldn’t be able to easily extract otherwise. If you ask me, hooks might become the go-to solution for working with different kinds of API calls and integrating services like real-time databases or chats. Maybe a new Apollo integration? Time will tell.
— Damian Dulisz
P.S. Keep in mind the Vue-Hooks library is totally not production ready!

🎧 Listen to the Podcast version of this issue
Subscribe w/ 🍏 Apple Podcasts, 🤖 AndroidStitcher, or RSS.
Evan You
Ok I can’t really help myself… use hooks in Vue (via userland lib in under 100 LOC):
99.5: Sébastien Chopin - Building Universal Vue.js Apps with Nuxt.js | Full Stack Radio
Release 🚀 Release 1.0.0 · posva/vue-promised · GitHub
Build a progressive web app using Vue CLI 3 – Pim Hooghiemstra
VeeValidate 2.1: Validation Providers – Abdelrahman Awad
Vue CLI 3.0 plugin for creating apps using Atomic Design & Storybook - Milad Alizadeh
Extending Vuetify Form Field Validation – Julia Ihnatova
GitHub - yyx990803/vue-hooks
GitHub - milad-alizadeh/vue-cli-plugin-atomic-design-components
GitHub - swisnl/vue-cli-plugin-svg-sprite
Did you enjoy this issue?
If you don't want these updates anymore, please unsubscribe here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue