The Active User
Explore how to manage the active user state in Redux by creating components that render either an empty screen or a chat window based on user interaction. Understand how to update the Redux state with activeUserId using reducers and combineReducer for dynamic UI rendering.
We'll cover the following...
We'll cover the following...
Right now, the Main component just displays the text, main stuff.
This isn’t what we want.
The end goal is to show an empty screen, but show user messages when a contact is clicked on.
Let’s build the empty screen.
For this, we’ll need a new component called, Empty.js. While at it, also create a corresponding CSS file, Empty.css.
Please create these in the components ...