Adding a responsive toggle using Vue.js - Building Onramp in Laravel, Matt Stauffer Livestream
Follow along with my Livestream as we add a Vue component to toggle content responsively in Onramp.
In this episode, we:
Fixed Tailwind styles on mobile Glossary
Created a Toggle component
For mobile users, show the Vue toggle component; for desktop, show blade
Profit?
Reviewed and merged Tonko's PR to update database seeder to work with multi-language seed file
Only show resources for the currently-selected language
Start building UI and logic around users selecting their preference for which resources to show (based on language)
Show notes in Notion:
https://www.notion.so/tighten/Episode...
---
🛣 What are these streams?
Coding, out loud, together. We're building real applications, live, in real time. I can't promise that NO code will happen on these projects between streams, but everything you see on these streams is really what it's like to write web applications, primarily in Laravel and Vue/React.
🛣 What is Onramp to Laravel?
Onramp (onramp.dev) aims to be a collection of resources presented in a way that makes it possible for folks to become Laravel programmers as easily and effectively as possible.
🛣 Who is Matt Stauffer?
Hey, I'm Matt Stauffer, partner & technical director at Tighten (https://tighten.co/).
Find out more about me, my projects, my book (Laravel: Up and Running), read my articles, and more at https://mattstauffer.com/ While you're there, you can also subscribe to my newsletter to get regular unfiltered updates direct from my brain.
🛣 Follow along
I live stream every Friday at 11am eastern, on Twitch ( / mattstauffer ) and YouTube ( / mattstauffer .
For notifications, follow me on Twitter ( / stauffermatt ) or on your favorite streaming platform.