惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

人人都是产品经理
人人都是产品经理
有赞技术团队
有赞技术团队
WordPress大学
WordPress大学
月光博客
月光博客
T
Tailwind CSS Blog
阮一峰的网络日志
阮一峰的网络日志
小众软件
小众软件
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
罗磊的独立博客
Jina AI
Jina AI
酷 壳 – CoolShell
酷 壳 – CoolShell
宝玉的分享
宝玉的分享
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 三生石上(FineUI控件)
量子位
雷峰网
雷峰网
Apple Machine Learning Research
Apple Machine Learning Research
美团技术团队
博客园 - 聂微东
V
V2EX

Full Stack Radio

153: DHH – Omarchy and Designing Your Own OS on Arch Linux | Full Stack Radio | Episode 153 152: Ben Orenstein - How to Stand Out When Applying for a Job at a Small Company | Full Stack Radio | Episode 152 151: DHH – Building HEY with Hotwire | Full Stack Radio | Episode 151 150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0 | Full Stack Radio | Episode 150 149: Choosing a Payment Processor, Radical Icons & W3C Hype | Full Stack Radio | Episode 149 148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects | Full Stack Radio | Episode 148 147: Surviving GitHub Issues, the Statamic 3 Launch Aftermath, Tailwind 1.8, and Headless UI | Full Stack Radio | Episode 147 146: Launching Statamic 3, GitHub Sponsors, Tailwind CSS v1.7, and Preparing for Laracon | Full Stack Radio | Episode 146 145: Statamic 3.0 and Tailwind CSS 2.0 | Full Stack Radio | Episode 145 144: Gary Bernhardt - TypeScript and Testing | Full Stack Radio | Episode 144 143: Rich Harris - Svelte and Defending the Modern Web | Full Stack Radio | Episode 143 142: Jason Cohen - Learning to Hire and Manage a Team | Full Stack Radio | Episode 142 141: Jason Fried - Running the Tailwind Business on Basecamp | Full Stack Radio | Episode 141 140: Evan You - Reimagining the Modern Dev Server with Vite | Full Stack Radio | Episode 140 139: Alex DeBrie - DynamoDB for Relational Database Diehards | Full Stack Radio | Episode 139 138: Tom Preston-Werner - Building Full-Stack JS Apps with Redwood.js | Full Stack Radio | Episode 138 137: Tim Neutkens - Continuing to Innovate with Next.js 9.3 | Full Stack Radio | Episode 137 136: Michael Chan - React Is Not a Rails Competitor | Full Stack Radio | Episode 136 135: Lessons Learned Building Tailwind UI | Full Stack Radio | Episode 135 134: Mark Dalgleish - You Should Be Using Layout Components | Full Stack Radio | Episode 134 133: Sam Selikoff - Building Production-Ready SPAs Fast with Mirage.js | Full Stack Radio | Episode 133 132: Caleb Porzio - Just Enough JavaScript with Alpine.js | Full Stack Radio | Episode 132 131: Ryan Singer - How Basecamp Builds Software | Full Stack Radio | Episode 131 130: David Khourshid - Building Better UI Components with State Machines | Full Stack Radio | Episode 130 129: Evan You - What's Coming in Vue.js 3.0 | Full Stack Radio | Episode 129 128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes | Full Stack Radio | Episode 128 127: Jonathan Reinink - Building Modern Monoliths with Inertia.js | Full Stack Radio | Episode 127 126: James Long - Building Distributed Local-First JavaScript Applications | Full Stack Radio | Episode 126 125: Rob Walling - Choosing the Right Product Idea | Full Stack Radio | Episode 125 124: Leslie Cohn-Wein & Rafael Conde - Designing the User Interface at Netlify | Full Stack Radio | Episode 124
86: Jonathan Reinink - Rebuilding a SaaS with Vue.js and ...
Adam Wathan · 2018-04-11 · via Full Stack Radio

In this episode, Adam talks to Jonathan Reinink about lessons learned rebuilding his SaaS app with Vue.js and Tailwind CSS.

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:

Links:

What is Full Stack Radio?

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.