Librarium
Settings

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

Igor Silveira
pop culturereactreact contextreact context apireact context api traversy mediareact context api tutorialreact context functional componentreact context providerreact context state managementreact context tutorialreact context typescriptreact fundamentalsreact hooksreact hooks and contextreact hooks tutorialreact hooks usestatereact jsreact state managementreact tutorialreact tutorial for beginnersreactjs tutorialreactjs tutorial for beginners

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! āœ

MY SOCIAL MEDIA šŸŽ„ Twitch: https://www.twitch.tv/igorsilveira šŸ“· Instagram: https://www.instagram.com/igorasilveira šŸ¦ Twitter: https://twitter.com/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 ... https://www.youtube.com/watch?v=B-esWs_jI5I

2021-11-07
0.0 LBC
Copyrighted (contact publisher)

262618802 Bytes