filmov
tv
React Context API Practical Example Tutorial - Among Us Clone Devlog [From Scratch] Ep.3
Показать описание
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
JOIN OUR NEWLY CREATED DISCORD CHANNEL
MY SOCIAL MEDIA
MY FILMING GEAR:
MY CODING GEAR:
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)
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
JOIN OUR NEWLY CREATED DISCORD CHANNEL
MY SOCIAL MEDIA
MY FILMING GEAR:
MY CODING GEAR:
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)
0:05:37
This Context API Mistake Ruins Your Whole React App (All Components Re-Render)
0:15:46
Learn React Hooks: useContext - Simply Explained!
0:08:07
Master React Hooks in easy way | useContext
0:02:18
useContext In 2 Minutes - the React Hooks series
0:00:35
React.js | Change context state in child component | Context API
0:12:17
React Context API Practical Example Tutorial - Among Us Clone Devlog [From Scratch] Ep.3
0:09:34
Why use a Custom Hook for React Context API instead of useContext (+ TypeScript)
0:14:11
Step-by-Step Guide to Implementing an Authentication Context in React JS
0:25:10
Mastering React Context API - Complete Tutorial
0:16:13
React Context Api with user Auth Project | useContext hook | React Project
0:13:08
Learn useContext In 13 Minutes
0:14:39
#45. Context API Example in Reactjs.
0:18:56
Master React Context API - Practical Example | Complete Tutorial
0:37:28
React Context API in One Video | ReactJS | ReactJS Tutorial In Hindi
0:23:52
React Context API Tutorial For Beginners | useContext Hook | React State Management With Context API
0:33:34
Making React Context FAST!
0:11:52
How to Use React Context API in 10 Minutes #contextapi #Programming #Security
0:03:08
Redux vs Context API: Which One Should You Use?
0:07:11
ReactJS Tutorial 78 : Using Reducer With Context Provider In React
0:08:11
React state - Context API explained
0:35:35
React Context API with Project | useContext Hook | createContext | State Management Tutorial
0:42:21
Context API In React JS | Practical Example Context API🔥
0:46:19
React Context API - Complete Guide
0:20:23
Practical Context API and useContext Hook with example Part 3 | React Hooks for Beginners
Комментарии