Navigation and Dropdown Components 👨💻 Develop an App from Scratch (Part 11)
In this video I will build the main sidebar navigation component of the application and its accompanying layout. I will also implement a reusable react dropdown component which I will need for the months/budget period switch in the web client/application. The dropdown will work like a native HTML select element with an onChange event, accepting the data as a JSON data array.
What you'll learn:
How to create a presentational sidebar navigation component with a fixed layout
How to implement a dropdown react component
Repository:
bw-monorepo: https://github.com/nikelaz/bw-monorepo
bw-ui: https://github.com/nikelaz/bw-ui
Contents:
0:00 Introduction
0:41 Sidebar Navigation Component
7:01 Main Layout Component
8:41 Dropdown Component
32:55 Months Switch Component
38:55 Conclusion
Social Media:
Email: [email protected]
Twitter: / nikelaz
LinkedIn: / nikola-lazarov
#react #dropdown