Skip to content

Обучение React. Пример создания веб-приложения, где можно создавать карточки каких-либо персонажей

Notifications You must be signed in to change notification settings

KBAHTNET/ReactLearning

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Работа с проектом

  1. Установить необходимые пакеты
npm i
    1. Для быстрого dev-сервера:
    npm start
    
    1. Для сборки проекта
    npm build
    

Админ панель героев

Пример SPA, реализованном на React+Redux.

Использование функциональных компонентов в проекте.

При написании данного веб-приложения было использовано:

  • useState - хук, который позволяет добавлять состояние в функциональные компоненты React. Он позволяет сохранять и изменять значения переменных внутри компонента и вызывать перерендеринг при изменении значения.
  • useEffect - хук, который позволяет выполнять эффекты, зависимые от состояния компонента, например, обращаться к API или изменять DOM
  • useMemo - хук, который позволяет кэшировать результат выполнения функции и повторно использовать его при следующих вызовах
  • useDispatch - хук из библиотеки Redux, который позволяет получить функцию dispatch, который используется для отправки экшенов в хранилище (store) Redux.
  • useSelector - хук из библиотеки Redux, который используется для получения данных (состояния) из хранилища (store) Redux внутри функциональных компонентов.
  • созданы кастомные хуки
  • работа с хранилищем состояний (store)

alt text

About

Обучение React. Пример создания веб-приложения, где можно создавать карточки каких-либо персонажей

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published