In this blog post we are going to create a sidebar in React utilizing Semantic UI. Semantic React UI does ship with a sidebar component but the issue is that it gives a lot of errors and warnings.
So I thought why not create our own sidebar component. The main idea is to use hooks and state lifting. There is a header with a menu button that when clicked slides the menu in and out.
Here is the tutorial video:
Here is the stackblitz project:
and code.
For a tutorial on how to create a sticky header in Angular click here