Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

Fix ANNOYING OBJECT KEYS with infer and template literals

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.mattpocock.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

DRY up your generic signatures with DEFAULT GENERICS - Advanced TypeScript

How do I make animations for my devlogs?
Today's the day I answer this age-old question.

=== Wishlist Astortion on Steam ===
https://store.steampowered.com/app/1993980/Astortion/

=== Support the channel ===
Patreon:
https://www.patreon.com/aarthificial
YouTube Memberships:
https://www.youtube.com/aarthificial/join

=== Tools I'm using ===
JetBrains Rider
Unity
Motion Canvas
Adobe Illustrator, Premiere Pro, Audition, Photoshop

=== Music from Epidemic Sound ===
https://www.epidemicsound.com/referral/tw8mch/
Luella Gren - There Is Something about the World:
https://youtu.be/E23TKjdDtow

Animating with Code - Motion Canvas

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

I'm getting increasingly tired of the "but TS is so much woooooork" comments so I figured I'd do a rant.

If you have friends or coworkers who are using Typescript incorrectly, please send this video to them :)

Also please use Zod more it's very good https://github.com/colinhacks/zod

Join the Discord: https://t3.gg/discord
Follow me on Twitter: https://twitter.com/t3dotgg
Follow me on twitch too! https://twitch.tv/theo

(Huge huge huge shout to Idez for this edit you are the fkn best man)

Timestamps:
00:00 intro
00:41 what's type inference?
02:55 coding example
09:30 using zod
14:45 outro

You Might Be Using Typescript Wrong...

This represents the last couple months of twitches work building up and comparing the servers.  I was completely shocked by the results of all this.  HOW COULD GO DO ME LIKE THIS???

GET THE HELL IN THE START UP ALREADY
Discord for the degens
Twitch for the alpha chads

JS Sucks?  Yes it does, it sucks so much that I made a hoodie (i only made 100 of them, so supply limited)
https://shop.theprimeagen.tv

### The Project
All three videos are on yt and the repository is https://github.com/ThePrimeagen/tyrone-biggums

### Support
If you wish to support, please consider sponsoring me on Github, or giving me that SWEET twitch sub!

They have been tagged so if you are curious at the testing commit, check it :)

### Editor
All my videos are edited by Flip.  Give him a follow!  https://twitter.com/88thpl  He is also open to do more editing, so slide deeeeeeeeep into his dms.

### Links
Linode: https://linode.com/prime
Discord: https://discord.gg/3ujcVMe
Twitch: https://twitch.tv/ThePrimeagen
Insta: https://instagram.com/ThePrimeagen
Twitter: https://twitter.com/ThePrimeagen
VimRC & i3: https://github.com/ThePrimeagen/.dotfiles
Keyboard (15% off, I don't earn commission): https://bit.ly/primeagen-adv2 

#vim #golang #rustlang

Go is faster than Rust??!  Go vs Rust vs TypeScript Servers (as a scientist)

This is a condensed version of what I did on stream to create a go vs typescript server and the learnings I had from it.  

I was SHOCKED by the results.  

github.com/ThePrimeagen/tyrone-biggums

### Links
Linode: https://linode.com/prime
Discord: https://discord.gg/3ujcVMe
Twitch: https://twitch.tv/ThePrimeagen
Insta: https://instagram.com/ThePrimeagen
Twitter: https://twitter.com/ThePrimeagen
VimRC & i3: https://github.com/ThePrimeagen/.dotfiles
Keyboard (15% off, I don't earn commission): https://bit.ly/primeagen-adv2 

#vim #golang #typescript