Theo - ping․gg

Getting a job is...rough at the moment. The tech world is always a bit chaotic but this is unprecedented. Hope this video is helpful in getting your next gig 🙏

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

Tech Jobs In A Post-Layoffs World - Software Dev Job Advice

It's time for a narrative change. NextJS is a backend framework, even if it includes React.

Long overdue rant. Sorry for all the individuals I call out during this one, no hard feelings to y'all.

s/o Idez for keeping the damn channel alive while I was traveling. Back Wednesday!!!

Timestamps:
00:00 the tweet
00:30 explanation time
09:50 next endpoint example
16:29 trpc example
18:46 “next api’s are too much work”
21:35 auth
28:25 summary
33:19 outro

Do you REALLY need a backend?

Oh MAN I've been waiting to talk about this for so long. The React team released a very exciting new RFC today. https://twitter.com/t3dotgg

LINK TO RFC: https://github.com/reactjs/rfcs/pull/229

FULL STREAM: https://youtu.be/CpBXikakzks?t=5605

MIR YOU ARE A LEGEND FOR THIS EDIT OMFG

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
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
MIR'S TWITTER: https://twitter.com/mirashif1

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

They Fixed React??!?

Seriously, objects are not for everything.

Huge s/o Idez as always!!!

Follow me on...
Twitch: https://twitch.tv/theo
Twitter: https://twitter.com/t3dotgg
Instagram: https://instagram.com/fakiebigfoot
Everywhere else: https://t3.gg/links

Stop Using Javascript Objects

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...

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

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

GO SIGN UP FOR ADVENT OF CODE RIGHT NOW https://adventofcode.com/

I LOVE YOU MIR THANK YOU FOR MAKING THIS EDIT SO ABSURDLY FAST
Link to stream this was from: https://www.youtube.com/watch?v=Y84-ZQTdm_E

ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg
Everything else (Twitch, Twitter, Discord & my blog): https://t3.gg/links