A podcast featuring panelists of engineers from Netflix, Twitch, & Atlassian talking over drinks about all things software engineering.
…
continue reading
Content provided by Adam Wathan. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Adam Wathan or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!
Go offline with the Player FM app!
86: Jonathan Reinink - Rebuilding a SaaS with Vue.js and Tailwind CSS
MP3•Episode home
Manage episode 203045055 series 1401837
Content provided by Adam Wathan. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Adam Wathan or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Topics include:
- Wrapping non-Vue libraries as Vue components to maintain a consistent paradigm
- Using Popper.js with Vue to build dropdowns and tooltips
- Using portals to build better modal components
- Patterns for making it easier to reuse components throughout an application
- Which Tailwind CSS component classes Jonathan chose to extract (and which ones he didn't)
- How Jonathan chose to customize his Tailwind configuration for his project
- Using Tailwind's advanced screen options to better accommodate a sidebar layout
- How Jonathan is using Purgecss to reduce his CSS from 110,000 lines of code 1.7mb in development to 8.8kb in production
Sponsors:
- Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report
- Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days
Links:
- Advanced Vue Component Design, Adam's upcoming course
- "Building a Sortable Component with Vue.js", replay from Adam's recent live stream
- Vue.js
- Tailwind CSS
- Turbolinks
- Popper.js positioning library
- Pikaday date picker library
- Vue.nextTick()
- PortalVue, library for rendering elements outside of their parent component
- Portals in React
- Purgecss
152 episodes
MP3•Episode home
Manage episode 203045055 series 1401837
Content provided by Adam Wathan. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Adam Wathan or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Topics include:
- Wrapping non-Vue libraries as Vue components to maintain a consistent paradigm
- Using Popper.js with Vue to build dropdowns and tooltips
- Using portals to build better modal components
- Patterns for making it easier to reuse components throughout an application
- Which Tailwind CSS component classes Jonathan chose to extract (and which ones he didn't)
- How Jonathan chose to customize his Tailwind configuration for his project
- Using Tailwind's advanced screen options to better accommodate a sidebar layout
- How Jonathan is using Purgecss to reduce his CSS from 110,000 lines of code 1.7mb in development to 8.8kb in production
Sponsors:
- Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report
- Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days
Links:
- Advanced Vue Component Design, Adam's upcoming course
- "Building a Sortable Component with Vue.js", replay from Adam's recent live stream
- Vue.js
- Tailwind CSS
- Turbolinks
- Popper.js positioning library
- Pikaday date picker library
- Vue.nextTick()
- PortalVue, library for rendering elements outside of their parent component
- Portals in React
- Purgecss
152 episodes
All episodes
×Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.