From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Building a screen component and wrapping React around Redux

Building a screen component and wrapping React around Redux

From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency

Start my 1-month free trial Buy for my team

Building a screen component and wrapping React around Redux

“

All right, let's get cracking. So we've got this InboxScreenComponents started up, but our app really isn't connected to anything yet. Everything we've been building has been in Storybook. So we actually need to change our app component to start rendering components. Eventually, we'd want to use a router to choose the correct screen, you can use React router, things of that nature, or Next.js has pages, built a framework. We're not going to worry about any of that. Let's focus on Storybook and continuing to develop the complexity with it. So we're going to go into our app.jsx. So this app.jsx is really what we've been rendering up to this point. And if you see here in our localhost 5173, this is really what our app is. We've been working really hard building all these cool features for tasks, but the app itself is Vite and React. Now, by the way, if you're wondering what the heck Vite or Vite is, I don't even know how to pronounce it. So, you know, so don't take my word on how to…

Contents