How to Create a Unique React JS Sidebar Navigation Menu
28.1 هزار بار بازدید -
پارسال
-
► In this video I
► In this video I teach you how to create React JS sidebar navigation menu which is responsive and styled using SASS/CSS.
► Here is a link to the github repository to access the assets I used for the video: https://tutorials.emersonvisuals.com/...
00:00 - Introduction
02:14 - Creating pages & components
04:50 - Page routes
6:21 - Styling pages
8:10 - Structuring sidebar
12:40 - Styling sidebar open
28:23 - Styling sidebar closed
33:10 - Styling hovers
34:47 - Usestate hooks
40:09 - Animations & refinement
41:55 - Uselocation hooks
44:08 - Conclusion
► Music Credit: LAKEY INSPIRED
Track Name: "Blue Boi - LAKEY INSPIRE "
Music By: LAKEY INSPIRED @ SoundCloud: lakeyinspired
Official "LAKEY INSPIRED" YouTube Channel HERE - https://www.seevid.ir/fa/result?ytch=UCOmy...
License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) License.
Full License HERE - https://creativecommons.org/licenses/...
Music promoted by NCM https://goo.gl/fh3rEJ
► Music by: LAKEY INSPIRED
• SUBSCRIBE to the LAKEY INSPIRED YouTube channel HERE - https://www.seevid.ir/fa/result?ytch=UCOmy...
• Follow LAKEY INSPIRED on SoundCloud HERE - SoundCloud: lakeyinspired
• Follow LAKEY INSPIRED on Instagram HERE - Instagram: lakeyinspired
• Follow LAKEY INSPIRED on Spotify HERE - https://open.spotify.com/artist/3zDGj...
• Support LAKEY INSPIRED on Patreon HERE - (Optional) Patreon: lakeyinspired
► Download links to music
SoundCloud: ..
► Here is a link to the github repository to access the assets I used for the video: https://tutorials.emersonvisuals.com/...
00:00 - Introduction
02:14 - Creating pages & components
04:50 - Page routes
6:21 - Styling pages
8:10 - Structuring sidebar
12:40 - Styling sidebar open
28:23 - Styling sidebar closed
33:10 - Styling hovers
34:47 - Usestate hooks
40:09 - Animations & refinement
41:55 - Uselocation hooks
44:08 - Conclusion
► Music Credit: LAKEY INSPIRED
Track Name: "Blue Boi - LAKEY INSPIRE "
Music By: LAKEY INSPIRED @ SoundCloud: lakeyinspired
Official "LAKEY INSPIRED" YouTube Channel HERE - https://www.seevid.ir/fa/result?ytch=UCOmy...
License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) License.
Full License HERE - https://creativecommons.org/licenses/...
Music promoted by NCM https://goo.gl/fh3rEJ
► Music by: LAKEY INSPIRED
• SUBSCRIBE to the LAKEY INSPIRED YouTube channel HERE - https://www.seevid.ir/fa/result?ytch=UCOmy...
• Follow LAKEY INSPIRED on SoundCloud HERE - SoundCloud: lakeyinspired
• Follow LAKEY INSPIRED on Instagram HERE - Instagram: lakeyinspired
• Follow LAKEY INSPIRED on Spotify HERE - https://open.spotify.com/artist/3zDGj...
• Support LAKEY INSPIRED on Patreon HERE - (Optional) Patreon: lakeyinspired
► Download links to music
SoundCloud: ..
پارسال
در تاریخ 1401/11/16 منتشر شده
است.
28,101
بـار بازدید شده