Skip to content

Социальная сеть TypeScript,React ,Redux, Redux Thunk, redux-form,

Notifications You must be signed in to change notification settings

ArtemKhairov/social

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Социальная сеть

Что это за проект?

Это учебный проект. Цель - понять основные принципы проектирования

Какие технологии используются?

  • React
  • Redux
  • Redux-form
  • Redux-Thunk
  • Reselect
  • TypeScript
  • Node.js
  • Axios

В чем смысл этой работы?

  • Применить основные принципы ООП и ФП
  • Реализовать SOLID
  • TDD
  • Организовать взаимодействие UI(React) с BLL (business logic layer) , DAL(Data access layer)
  • Применить FLUX архитектуру
  • Освоить Redux, Redux-Thunk, reselect
  • Масштабировать приложение с помощью Redux-ducks
  • Создать вспомгательные функции (validator, objectHelper)
  • Использовать статическую типизацию (TypeScript)

Что реализовано на данный момент?

  • Во всем приложении используется SRP
  • Реализованы чистые функции
  • Использованы жизненные циклы компонента
  • Реализованы Классовые и Функциональные компоненты
  • Применены хуки (hooks)
  • Созданы контейнерные и презентационные компоненты
  • Использованы HOC (High order components)
  • Внедрён Redux, вместе с ним reducers,selectors,reselect
  • Реализована работа со store,initialState
  • Использован Redux-Thunk
  • Применена TDD
  • Созданы тесты для reducers (js)
  • Создан BLL и DAL
  • Реализован validator
  • Создана форма логина
  • Реализовано отображение Captcha и поле ввода
  • TypeScript migration (проект переносится на TS)
  • Созданы типы (types)

Реализация AntdDesign

Для того чтобы посмотреть оформление проекта с помощью AntDesign необходимо перейти в этот репозиторий

Инструкция по скачиванию проекта и его запуску локально находится в репозитории по ссылке

Что будет дальше?

  • TypeScript (типизация всего проекта)
  • Antd