Pet-проект на React JS, SCSS

1.Скопировать репозиторий локально

2.Запустить команду npm install

3.Запустить приложение npm run dev

---

Файловая структура

App

В папке app хранится маршрутизация (страницы).Каждая страница расположена в отдельной папке в папке Pages. Папки со страницами называются со заглавной буквы в *Camelcase. Файл страницы называется именем папки с заглавной буквы. н/п: папка Row, файл Row.jsx

Components

В папке components хранятся компоненты. Каждый компонент расположен в отдельной папке. Папки с компонентами называются с заглавной буквы в CamelCase. Файл компонента называется также как и папка, файл со стилями имеет модульный подход module.scss.

Store

В папке Store импортируем configureStore из reduxjs/toolkit, и используем reducer

Assets

в папке assets содержатся изображения стрелок, лого, картинка иностранных языков

Words

В папке Words прописываем основной код Redux, чтобы получить данный из Api, отправить данные, редактировать и удалить. Для fetch запроса используется библиотека axiox

Комментирование

!!! Если вы собираетесь оставить комментарий, сначала подумайте, можно ли что-то изменить в коде, чтобы его не писать (например, назвать переменную или функцию так, чтобы всем было понятно ее назначение и не пришлось бы объяснять в комментарии).

комментарий пишем на русском с заглавной буквы

поясняющий комментарий должен быть емким (кратким и понятным)

комментарий в местах, где планируется доработка или рефакторинг должен начинаться с ‘TODO:’ (например // TODO: добавить отправку данных на бэкенд)

Нейминг

Наименование переменных, функций и компонентов должно четко описывать назначение (функционал) этого элемента.

функции выполняют только одну цель, которая отражена в их названии

сокращения допустимы в пределах читаемости (не стоит сокращать название до одних согласных или других нечитаемых сочетаний букв)

нежелательно использование цифр в названиях

недопустимы названия из одной буквы

---