From the course: Building Modern Projects with React

Meet the React ecosystem tools - React.js Tutorial

From the course: Building Modern Projects with React

Start my 1-month free trial Buy for my team

Meet the React ecosystem tools

“

- [Narrator] All right, so now that we're a little bit more familiar with the main benefits that we can hope to gain from these React Ecosystem Tools, let's actually take a look at the tools that we're going to be talking about and just get a brief introduction to how these tools are going to work and what they add to a React project. So here are some of the tools that we'll be covering. The first set of tools that we'll be covering are going to be tools for creating and managing React applications. Now the, probably the most well known of these is Create React app, but in recent years this has actually been somewhat replaced with a host of other React app creation tools, such as Vite, Next.js and Remix. And we're going to meet these a little bit later, in another section. Now the next set of tools that we're going to be taking a look at are tools for state management. And this includes things like Redux, which is a very popular tool, as well as some other lesser known, but in some cases even more effective tools, such as Recoil and MobX. We'll be taking a look at those shortly as well. After that, we'll be taking a look at really the main tool for data loading, or for orchestrating data loading anyway, in React applications, and that is something called Redux Thunk. This is a tool that fits right in with a Redux application. It really makes it very easy to add things like data loading and side effects into a basic Redux application. After that, we're going to take a look at a library for data selection. Basically, this helps the components access the data that is going to be stored in the Redux store. We'll take a much closer look at that shortly and how that works. And this library is called Reselect. Now the interesting thing about this Reselect library is it was so useful, and used alongside Redux so often, that it actually became part of that library. Certain key parts of it did. After that, we're going to take a look at really the most important tool for styling in React apps, which is Styled components. We'll see how these enable us to make very high quality styled components that are not only easy to manage, but also easy to read when they're in a React component. And finally, we're going to be taking a look at some tools for testing as well as how to test the rest of these tools or code that we've written with the rest of these tools in our React apps. So these are the tools that we're going to be covering. Let's jump right in and start seeing how these tools can help us.

Contents