https://github.com/itmtm/react-redux-ts-app

TodoList and UserList with React, Redux and TypeScript
https://github.com/itmtm/react-redux-ts-app

applymiddleware bindactioncreators createstore dispatch provider react react-axios redux typescript useactions usedispatch useeffect useselector

Last synced: 2 months ago
JSON representation

TodoList and UserList with React, Redux and TypeScript

• Host: GitHub
• URL: https://github.com/itmtm/react-redux-ts-app
• Owner: ITmTm
• Created: 2024-05-20T15:00:57.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-22T12:24:03.000Z (about 2 years ago)
• Last Synced: 2025-01-12T17:30:30.241Z (over 1 year ago)
• Topics: applymiddleware, bindactioncreators, createstore, dispatch, provider, react, react-axios, redux, typescript, useactions, usedispatch, useeffect, useselector
• Language: TypeScript
• Homepage:
• Size: 384 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TodoList and UserList with React, Redux and TypeScript

A simple TodoList with React, Redux and TypeScript



![react-redux-ts](https://github.com/ITmTm/react-redux-ts-app/assets/98873757/2fa39543-8d60-4e63-b2b4-f9d525fce927)



## Функции

* Получение списка пользователей используя Fake API {JSON} Placeholder

* Получение списка задач TodoList используя Fake API {JSON} Placeholder

* Переключение списка задач Pagination





## Using work

* Инициализация Redux store используя устаревший медот createStore

* Создание Reducer + типизация

* Объединение reducer используя метод CombineReducer

* Оборачивание App в Provider

* Создание хука UserTypedSelector

* Создание ассинхронного action creator + типизация

* Создание хука UserActions

* Создание второго reducer, масштабирование приложения + постраничный вывод

* Расширение UserActions



## Technologies

[![ReactJS](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)](https://reactjs.org)

[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org)

[![Redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)](https://redux.js.org)



## Getting Started

Tools needed to run this app: `node` and `npm`

- `npm install` to install dependencies

- `npm start` to run the app

- Go to `http://localhost:3000`