Traversy Media | Realtime Chat App | React, GraphQL & Websockets @TraversyMedia | Uploaded August 2020 | Updated October 2024, 1 hour ago.
Let's build a realtime chat app with React, Apollo, GraphQL Subscriptions, Websockets and Module Federation
Jack Herrington YouTube Channel:
youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw
Code:
github.com/jherr/chat-o-matic
React starter project: github.com/jherr/wp5-starter-react
Apollo client: apollographql.com/docs/react
Graphql-Yoga: github.com/prisma-labs/graphql-yoga
💖 Support The Channel!
patreon.com/traversymedia
Website & Brad Traversy Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
facebook.com/traversymedia
Let's build a realtime chat app with React, Apollo, GraphQL Subscriptions, Websockets and Module Federation
Jack Herrington YouTube Channel:
youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw
Code:
github.com/jherr/chat-o-matic
React starter project: github.com/jherr/wp5-starter-react
Apollo client: apollographql.com/docs/react
Graphql-Yoga: github.com/prisma-labs/graphql-yoga
💖 Support The Channel!
patreon.com/traversymedia
Website & Brad Traversy Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
facebook.com/traversymedia
![JavaScript Under The Hood [2] - Execution Context](https://i.ytimg.com/vi/Fd9VaW0M7K4/hqdefault.jpg "JavaScript Under The Hood [2] - Execution Context
In this video, we will talk about execution context and hoisting
💻 My Courses & More
https://traversymedia.com
💖 Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps
0:00 - Intro
0:44 - What Is Execution Context?
1:39 - The 2 Phases
3:32 - Step By Step Examination
6:12 - Examine Creation In Browser
7:32 - Step-Through Execution
8:52 - Hoisting
11:26 - var vs let & const")
![JavaScript Under The Hood [4] - Memory Storage](https://i.ytimg.com/vi/Hci9Bb4_fkA/hqdefault.jpg "JavaScript Under The Hood [4] - Memory Storage
In this video, well look at how and where primitive values and reference data (objects) are stored.
💻 My Courses & More
https://traversymedia.com
💖 Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps:
0:00 - Intro
0:59 - Memory Management & Garbage Collection
2:34 - Primitive vs Reference Types
4:19 - Stack vs Heap (Diagram)
6:47 - Stack vs Heap (Code)
9:41 - Devtools Memory Tab")
