Episode 86
86: Jonathan Reinink - Rebuilding a SaaS with Vue.js and Tailwind CSS
In this episode, Adam talks to Jonathan Reinink about lessons learned rebuilding his SaaS app with Vue.js and Tailwind CSS.
April 11, 20181h 32m
Audio is streamed directly from the publisher (media.transistor.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
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
Topics
technologysoftwarewebdevelopmentproductstartup