frontend.blog

React Query and Chime.so

In this podcast we talk with Spencer Jones, creator of chime.so. We discuss his post on React Query and also talk a bit about Chime and how it uses the library.

Building Component Libraries with Tailwind and TSDX

Blog post [https://frontend.blog/build-your-own-flexible-component-library-using-tsdx-typescript-tailwind-css-headless-ui] This week, we discuss building component libraries with Tailwind, React, and TSDX.  Check out the video version of the podcast to see the blog post sections as we discuss! Video Podcast Chapters: 0:42 - TSDX  1:24 - Tailwind 2:46 - HeadlessUI 6:04 - What TSDX Includes 7:09 - Tailwind + PostCSS Setup 9:59 - Building in Storybook 12:11 - Less dependencies, the better! 16:39 - Tips for pickup up Tailwind 18:22 - HeadlessUI + Tailwind 20:12 - Building Tailwind for Production 21:41 - Publishing to NPM 24:02 - The Example Playground 26:12 - TypeScript or JavaScript! 28:16 - Component Building Process 30:05 - Conclusion

From Knex to Prisma? An In Depth Q&A

This week we have a special podcast only episode.  Rob Shaw from mycnote.com and Tristan Siegel from thedipp.com join to discuss adding prisma into their applications. If you've used other database libraries in the past, the questions asked in this podcast will give you a good idea of how Prisma works. 00:00 Intro 00:48 Rob on using Knex + Bookshelf currently 02:52 Tristan aded Prisma to an existing Knex app 03:57 Prisma solves the N+1 Problem The talk Tristan mentions: https://www.youtube.com/watch?v=7oMfBGEdwsc&vl=en 05:16 Dataloading at Bustle with Redis 07:15 Prisma's Schema is a Superior Solution 08:58 How do migrations work with Prisma? 12:41 Prisma supports transactions! 14:17 Auditing with Middleware? 15:29 Automatically set updatedAt? 17:53 Typescript and Prisma 22:47 What about edge cases with the ORM? 26:20 Tristan's Prisma gotchas 30:08 Prisma and JSON fields

Being The First Designer

Blog post for this episode: https://frontend.blog/being-the-first-only-designer-in-an-organization [https://frontend.blog/being-the-first-only-designer-in-an-organization] Relevant links: Lightning Decision Jam - https://ajsmart.com/ldj [https://ajsmart.com/ldj] Mural - https://www.mural.co/ [https://www.mural.co/] Chapters: 1:30 - Why I wrote this article 3:05 - First Presentation 3:50 - Who should you present to? 4:30 - Generating Excitement with Developers 5:30 - Educate about your role 6:05 - Run workshops! 9:11 - What is a lightning decision workshop? 11:40 - Running Workshops Remotely 13:02 - Running Workshops alone 14:56 - What to get out of a workshop 15:43 - Real world Workshop Example 17:30 - Starting a Book Club 20:17 - You need support 26:57 - Getting notice outside your team 27:57 - How to prioritize work 32:39 - Tailwind?

Building a SSR Framework from Scratch

The video version of this podcast is available on youtube [https://youtu.be/rVBakvM6QX8]. In this episode we go over building a server side rendering framework and compare it to NextJS. This episode should be listened to while reading the accompanying blog post [https://frontend.blog/building-an-ssr-framework-using-vite-prisma].