Theo - ping․gg

Which Pokemon is roundest??? Today we will find out!

Theo builds a full stack web app using the T3 Stack as detailed on https://init.tips

If you're interested in Next.js, React, TypeScript, Prisma, tRPC, PlanetScale + MySQL, and Tailwind, all deployed on Vercel, you're in the right place :)

The services we used are...
Planetscale - https://planetscale.com/?ref=theo
Vercel - https://vercel.com/?ref=theo

Check out the final product at https://roundest.t3.gg

Github repo: https://github.com/TheoBr/roundest-mon

Follow me on twitter for more web dev BS: https://twitter.com/t3dotgg

Rough timestamps:
0:00 - Intro & planning in Excalidraw
4:15 - Initializing with init.tips
5:00 - Tailwind setup
17:15 - API setup with tRPC
27:45 - Random pokemon endpoint
39:00 - SSR is hard
1:04:00 - PlanetScale and Prisma setup
1:26:00 - Image optimization and caching with `@next/image`
1:38:50 - Cache pokemon from PokeAPI in our db
1:43:00 - Relations are hard (Prisma fails)
1:58:00 - Backfilling all pokemon into db
2:11:00 - Results page
2:35:40 - Typescript saves us

Building a MODERN Full Stack App for FREE w/ NextJS 12, Typescript, Prisma and more - T3 Stack

Turbopack, Vite, Webpack, bundling performance, benchmark wars, Bun...so much going on. I feel like we're missing the most important point though. I'm hopeful this helps us have a better discussion on the value that Turbopack brings: CACHING.

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/t3dotgg
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg

Everything else (instagram, tiktok, blog): https://t3.gg/links

Why Turbopack Changes Builds Forever

Hope you React fans are excited for this one!

We were so lucky to have Dan Abramov on for a stop during his mock interview loop :) If you don't already follow him, fix that! He's been streaming on Youtube more so be sure to sub there!!
Dan's Twitter - https://twitter.com/dan_abramov
Dan's Youtube - https://www.youtube.com/c/danabramov8

If you like this and are interested in more web dev, React, javascript, typescript, next.js, full stack or other engineering topics, subscribe and follow me on Twitter and Twitch 🙏
https://twitter.com/t3dotgg
https://www.twitch.tv/theo
--

Interview Guide (Sent to Dan ahead of interview) - https://www.notion.so/t3-tools/Technical-Interview-Dan-Abramov-9aa6d8e9292e4bd1ae67b44aeeaabf88

Show proudly powered by Round (I built this) - https://round.t3.gg
--

Show notes
00:00 - Intro
00:49 - Interview Begins
02:57 - Theo Rants About Interview Philosophy
05:20 - First Question (non-technical)
17:50 - Code Problem Intro + Clarification
21:50 - Part 1: Coding Chat UI + State
29:40 - Part 2: Colorblind Mode (Deeper State Management)
34:30 - Part 3: Auto-scroll
41:55 - Part 4: Send Message (Backend Borked 😅)
57:00 - Part 5: Emoji auto-replacement (CodeSandbox Borked 😅)
1:13:35 - Wrapup


#react #javascript #fullstack #webdev #interviews

Dan Abramov SLAYS Frontend Interview w/ Ex-Twitch Engineer

Typescript 4.9 is a great release and I'm so hyped. 5.0 is looking hype as well

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/t3dotgg
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg

Everything else (instagram, tiktok, blog): https://t3.gg/links

A Satisfying New TypeScript Release...

We just hit 10k stars so I had to rush this out! I'm so proud of this community and all the awesome stuff y'all are making. Create T3 App was groundbreaking already, the new docs push it to the next level.

CHECK OUT THE DOCS HERE: https://create.t3.gg/
STAR US ON GITHUB: https://github.com/t3-oss/create-t3-app


ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/t3dotgg
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg

Everything else (instagram, tiktok, blog): https://t3.gg/links

My Community Is Making The Web Better - T3 Stack Update

UI libraries are important! I think about them a lot and I hope this video helps you think about them too. Very very very overdue one.

TailwindCSS, MaterialUI, Chakra, Bootstrap, Radix, React-Aria, Master.co, and more 😅

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/t3dotgg
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg

Everything else (instagram, tiktok, blog): https://t3.gg/links

THANK YOU ADAM FOR THE EDIT!

The Best Of CSS - Tailwind vs MUI vs Bootstrap vs Chakra vs...

TALK TO YOUR CUSTOMERS. I've been sitting on this rant for awhile and I should have published it long ago. If you like me talking about company stuff from the "Y Combinator Founder Perspective" pls let me know and I'll do it more!

Ty Mir for the edit ❤️

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/t3dotgg
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg

Everything else (instagram, tiktok, blog): https://t3.gg/links

Is My Side Project A Startup? A YC Founder Perspective

Databases are scary. Picking the right one is scarier. I hope this helps. Please don't use Firestore.

BECOME A MEMBER IF U LOVE ME:
https://www.youtube.com/channel/UCbRP3c757lWg9M-U7TyEkXA/join

Also check me out on other things, like Twitter https://twitter.com/t3dotgg
And everything else: https://t3.gg/links

Idez you are a legend thank you so much

KEYWORDS JAVASCRIPT DATABASES FIREBASE FIRESTORE FAUNA PLANETSCALE AWS ECS EC2 FAUNA FAUNADB GRAPHQL SQL POSTGRES POSTGRESQL PSQL MYSQL MONGO MONGODB

Timestamps
00:00:00 intro
00:02:01 overview
00:03:26 what are the types of database?
00:06:15 where do I host my database?
00:10:01 how much of the concern do you want to own?
00:17:22 please don’t use mongo
00:25:02 database functionalities
00:30:05 firestore rant …
00:41:04 what did we learn so far?
00:44:08 firebase risks
00:47:31 what about bleeding edge???
00:50:47 hasura and faunadb are bad ideas
01:05:02 answering chats questions
01:06:13 outro