Developing a UI with Vue, Part 5: The Multi-Step FormIn my last post , we developed the Login page by building custom input and button components. Now, we're going to focus on building a multi-step registration form to sign up new users. The first time I built one of these I thought it was the coolest...Aug 18, 2021 · 5 min readblog.mattpignatore.dev
Developing a UI with Vue, Part 4: Slots, Inputs, and ButtonsIn Part 3, we built our Vue app's mobile navigation component. While that was useful, Navigation.vue isn't a component we'll necessarily be reusing anywhere else in our interface. Now, we're going to begin learning how to create dynamic layouts as we...Jul 28, 2021 · 10 min readblog.mattpignatore.dev
Developing a UI with Vue, Part 3: Mobile NavigationMaking mobile navigation has always been fun for me, no matter how many times I do it. I don't know why, but something about designing a menu button and toggling the drawer navigation on and off screen has never stopped feeling like ✨ magic ✨ to me. ...2KAJul 15, 2021 · 9 min readblog.mattpignatore.dev
What the Heck is Inversion of Control?Photo by Noah Buscher on Unsplash Recently, I was listening in on a Twitter Space while building a React component. This egghead.io space was focused on learning and teaching React, and some very experienced folks like Kent C. Dodds were there to s...Jul 9, 2021 · 4 min readblog.mattpignatore.dev
Developing a UI with Vue, Part 2: Project Setup and Design SystemIn my last post, I introduced the UI I'm going to be building for my first full-on side project with Vue. We did some basic setup of the project using the Vue CLI, but now we're going to get grounded with a design system for Medo, our movie watch li...Jul 5, 2021 · 7 min readblog.mattpignatore.dev