Search⌘ K
AI Features
Home
Courses
Understanding Redux: A Beginner's Guide To State Management

Resolving the Initial App Layout: The Sidebar

Explore the process of building a Sidebar component within a Redux application. Learn to write basic React component code for the Sidebar alongside importing and applying mobile-first CSS styles. This lesson focuses on structuring the app layout with responsive design principles, setting the stage for completing the main content area in subsequent lessons.

We'll cover the following...

Now, we can comfortably get to building the Sidebar.

Let’s keep it simple for now.

Sidebar.js:

Javascript (babel-node)
import React from "react";
import "./Sidebar.css";
const Sidebar = () => {
  return <aside className="Sidebar">Sidebar</aside>;
};
export default Sidebar;

All ...