Overview of Blutube Sidebar

Files

app.jsx

• lines 88-97 demonstrate how sidebar components are used

side_bar1.jsx

• this component acts as an overlay, more or less rendering the sidebar as a modal (rendered conditionally)

side_bar2.jsx

• this component sits next to the main content on the page (rendered conditionally)

side_bar.jsx

• this is the base component of the sidebar which contains the inner content

side_bar_container.js

• controls what pieces of state and actions are passed to side_bar.jsx

side_bar_actions.js

• sets up actions that will be sent to the reducer

side_bar_reducer.js

• handles complex maintenance of redux state

sidebar.scss

• styles

header.jsx

• contains sidebar button and blutube logo/name