React Context API Practical Example Tutorial - Among Us Clone Devlog [From Scratch] Ep.3

Опубликовано: 14 Апрель 2025
на канале: Igor Silveira

329

This tutorial covers State Management using the #React Context API through a practical example of building a web game (#AmongUs) using #NextJS. The React Context API was introduced as an alternative to third-party solutions for state management of a React app like Redux, for example.

We go over the basics and how you can type your contexts correctly if using TypesScript. In this case, we were able to exchange information between two distinct pages, sharing a player name that was collected through a custom made input on a custom-built modal styled with TailwindCSS.

Follow the series for more React goodies!

Chapters
0:00 - Intro
0:42 - Quick Recap
1:13 - Creating a Context
3:08 - Modal with TailwindCSS
8:00 - Using an Input in React
9:50 - Updating the Context
10:27 - Typing your Context
11:18 - The Results
11:34 - Outro

-----------------------------------------------------------------------------------------------------------------

IF you like this video, please make sure to click the like button and share this with all your friends! 👍

ANY comments or ideas? Share them with me down below! ✍

SIGNUP FOR THE NEWSLETTER
📥 Newsletter: https://www.getrevue.co/profile/igora...

JOIN OUR NEWLY CREATED DISCORD CHANNEL
📘 Discord:   / discord

MY SOCIAL MEDIA
🎥 Twitch:   / igorsilveira
📷 Instagram:   / igorasilveira
🐦 Twitter:   / igorasilveira

MY FILMING GEAR:
📷 My Camera - Sony Alpha 7 II - https://amzn.to/3ihZGvW
🎤 My Microphone - Trust Gaming GXT 258 Fyru - https://amzn.to/3yjrF3S
💡 My Lighting - Neewer 2-Pack LED - https://amzn.to/3A1XBKK

MY CODING GEAR:
⌨ My Keyboard - MX Keys by Logitech - https://amzn.to/3xj1glq
🖱 My Mouse - MX Master 3 by Logitech - https://amzn.to/3ijdN4g
🎧 My Headphones - Sony MX1000XM3 - https://amzn.to/3jcTYuG
📺 My Monitors - 1x Dell U2417H and 1x Dell P2419H - https://amzn.to/3loKNKm

COMPUTER SPECS:
(MacBook Pro 16'' 2019)
Intel i9 2,3 GHz 8-Core
16 GB 2667 MHz DDR4
Intel UHD Graphics 630 1536 MB

(Custom Built PC 2017)
AMD Ryzen 1500X 3,5 GHz Quad-Core - https://amzn.to/2WQYcAJ
Team Group DDR4 2400MHz 16 GB - https://amzn.to/2TQa1pB
Radeon RX 560 Series 4 GB - https://amzn.to/3Ci7hTk