Build A Full Stack Gym in React JavaScript #5 Dynamic Nav Bar using Arrays , .map() & useState Hook
00:00 || 01:02 Importing UI Components and React.✔️
01:02 || 01:37 Arrow Function.✔️
01:37 || 02:45 useState() hook and state variable.✔️
02:45 || 05:36 MDB NavBar GUI.✔️
05:36 || 08:10 Open Nav Men on Mobile using useState() and state variable.✔️
08:10 || 09:08 Array for holding Nav Links✔️
09:08 || 10:04 Mapping Over Array To Display Nav Links Dynamically.✔️
10:04 || 10:45 .replace() method✔️
10:45 || 13:15 Mobile Collapsible Nav Menu ✔️
13:15 || 15:05 Recapping the tasks in the video.✔️
References
1. MDB-Colors
🔗LINK:https://mdbootstrap.com/docs/react/co...)
2. Pankaj, 2022
🔗LINK:https://www.digitalocean.com/communit...
3. MDB - NavBar
🔗LINK:https://mdbootstrap.com/docs/react/na...)
4. Array.prototype.map()
🔗LINK:https://developer.mozilla.org/en-US/d...
5.Array
🔗LINK:https://developer.mozilla.org/en-US/d...
6.hooks-useState
🔗LINK:https://reactjs.org/docs/hooks-state....)
7. replace() method
🔗LINK: https://developer.mozilla.org/en-US/d...