https://github.com/luismda/react-redux-zustand

This is a React.js project that uses Redux and Zustand for state management as well as unit testing.
https://github.com/luismda/react-redux-zustand

react reactjs redux tailwindcss typescript vitest zustand

Last synced: about 1 month ago
JSON representation

This is a React.js project that uses Redux and Zustand for state management as well as unit testing.

• Host: GitHub
• URL: https://github.com/luismda/react-redux-zustand
• Owner: luismda
• Created: 2023-06-26T11:15:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-02T18:14:10.000Z (over 1 year ago)
• Last Synced: 2024-10-24T18:34:51.870Z (3 months ago)
• Topics: react, reactjs, redux, tailwindcss, typescript, vitest, zustand
• Language: TypeScript
• Homepage:
• Size: 98.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React + Redux + Zustand

This project is a video lessons player made in **React.js**. The purpose of this application was to practice some **state management** concepts using **Redux** and then migrating to **Zustand**, as a more current alternative to Redux. In addition, **unit tests** were created using the **Vitest** library to test all functions of the video player store.

## Instructions

In the [**main**](https://github.com/luismda/react-redux-zustand/tree/main) branch you can find the code that uses Redux for state management. On the [**zustand**](https://github.com/luismda/react-redux-zustand/tree/zustand) branch you can find the version that uses Zustand.

First, clone the project's repository:

```sh

git clone https://github.com/luismda/react-redux-zustand.git

```

After that, install the dependencies using the command:

```sh

yarn install

```

To run the unit tests run the command:

```sh

yarn test

```

This app uses JSON Server to simulate a REST API. So run the command to start the server:

```sh

yarn server

```

Finally, run the application:

```sh

yarn dev

```

## Technologies

- TypeScript

- React.js

- Vite

- Vitest

- TailwindCSS

- Redux

- Zustand

## Created by

Luís Miguel | [**LinkedIn**](https://www.linkedin.com/in/luis-miguel-dutra-alves/)

## 

**#NeverStopLearning 🚀**