Potluck - Multi Tenant Apps, JS Sprinkles, Kids Coding, Server Error Handling

7 snips

Apr 13, 2022

Dive into the world of multi-tenant apps and discover the intricacies of server error management. The hosts discuss effective strategies for optimizing web application performance and the role of tools like Sentry for tracking errors. Learn how playful platforms like Scratch and Minecraft can ignite a passion for coding in kids. Also, get insights on exporting React components and navigating real-time data in web development. Plus, they share personal experiences and must-have tech for families!

Ask episode

AI Snips

Chapters

Transcript

Episode notes

ANECDOTE

New Car Purchase

Scott Talinsky bought a Hyundai Ioniq 5, his first new car in over a decade.
He is impressed with its features, especially the fast charging and smooth infotainment system.

ADVICE

Adding Interactivity to Server-Rendered Sites

Use AlpineJS for sprinkling interactivity into server-rendered websites.
It's approachable for developers of all skill levels, from jQuery to modern frameworks.

INSIGHT

Presentational Components in React

React's presentational components are not limited to leaf components.
They can contain other presentational components, creating a nested structure.

Get the Snipd Podcast app to discover more snips from this episode

Get the app

In this episode of Syntax, Wes and Scott answer your questions about multi tenant apps, JS sprinkles, kids coding, server error handling, and more.

Sentry - Sponsor

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

Show Notes

00:26 Welcome
01:01 Buying a new car
Hyundai Ioniq 5
08:20 What would you recommend old-school jQuery folks, external agency vendors, and modern devs that want to work together?
11:59 Are React dumb/presentational components only possible at the leaf components of an application?
15:35 How old should a kid be to learn programming?
Scratch
Minecraft
20:28 Sponsor: Sentry
21:34 Without pointing me to a paid error program like sentry, how do you guys manage this rabbit hole?
27:05 How do you judge how much server you need?
MongoDB Atlas
Google Pagespeed
31:57 For websites that aren’t applications how would you best organize your JavaScript?
35:17 How do you diagnose slowdowns and bad user experience?
41:31 Sponsor: Sanity
43:13 Do you default export your React components when using TypeScript?
47:42 Besides web sockets or polling at a predefined interval and refreshing the page to fetch new data, can you think of any Next-specific solutions or recommend any packages that could help make this relatively simple?
Supabase
Firebase
Meteor
52:13 We should look into ‘tunneling’.
56:42 How do I build a multi-tenant app?
Caddy Server
nginx
Approximated.app
Vercel offers this via a middleware
Cloudflare SSL for SaaS
00:56 Sponsor: Freshbooks
01:34 SIIIIICK ××× PIIIICKS

××× SIIIIICK ××× PIIIICKS ×××

Scott: Vivid
Wes: Right angle Lightning cables

Shameless Plugs

Scott: LevelUp Tutorials
Wes: Wes Bos Tutorials

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets