If necessary, render the UI with initial state.Extract the data needed by this piece of UI.Using Redux with any UI layer requires a few consistent steps: React lets you describe your UI as a function of your state, and Redux contains state and updates it in response to actions.īecause of that, we'll use React for this tutorial as we build our todo app, and cover the basics of how to use React with Redux.īefore we get to that part, let's take a quick look at how Redux interacts with a UI layer in general. That said, Redux was specifically designed to work well with React. You can write Redux apps with React, Vue, Angular, Ember, jQuery, or vanilla JavaScript. This also means that you can use Redux with any UI framework (or even without any UI framework), and use it on both client and server. As we've already seen, you can create and use a Redux store even if you don't have a user interface set up. We'll see how Redux works with a UI layer overall, and we'll specifically cover how Redux works together with React. In this section, we'll add a User Interface for our todo app. We also looked at how a store works inside, how enhancers and middleware let us customize the store with additional abilities, and how to add the Redux DevTools to let us see what's happening inside our app as actions are dispatched. In Part 4: Store, we saw how to create a Redux store, dispatch actions, and read the current state.
0 kommentar(er)
