done sprint 12#3
Conversation
andryxxa93
left a comment
andryxxa93
left a comment
There was a problem hiding this comment.
Здравствуйте! Проделана большая работа 👍
Сильные стороны работы:
- Правильно использовали redux-toolkit
- Типизировали хранилище
- Активная категория ингредиентов меняется корректно
Однако есть пару моментов, которые необходимо исправить, чтобы работа была принята.
Необходимо исправить:
- Для всех запросов должен использоваться усилитель, где будет три типа экшенов -
_REQUEST , тип _SUCCESS , _ERROR. Вы можете использовать createAsyncThunk из redux-toolkit. - использовать
key={ item._id + index }для элементов конструктора нельзя - это может привести к неправильной работе dnd. Для атрибута key в конструкторе нужно использовать для ингредиента уникальный uuid (Вам нужно его генерировать во время сброса в зону DnD). Это можно делать с помощью библиотеки uuid https://www.npmjs.com/package/uuid , или Вам должны были показать, как это сделать, иначе некорректно может работать DND. А в key будет уже просто key={ item.uuid }
В pull request вы так же найдете комментарии с рекомендациями как можно улучшить код. Их делать не обязательно, однако в будущем они могут помочь избежать ошибок и сделать код лучше.
**Напомню, чтобы работа была принята нужно исправить все замечания помеченные как необходимо исправить.
Пожалуйста, проверьте работоспособность проекта и наличие возможных ошибок в консоли браузера (кнопка F12) перед отправкой на ревью.
Удачных правок!
|
|
||
|
|
||
| const dispatch = useDispatch(); | ||
| const {elements, bun} = useSelector((state) => state.elementConstructor) |
There was a problem hiding this comment.
Можно лучше
Хорошая практика - передавать в useSelector не анонимную, а именованную функцию. Это позволит избежать лишних вызовов useSelector.
https://www.youtube.com/watch?v=SVG-x-4BQic
| } | ||
|
|
||
| export function ConstructorBottomElement(props: ElementProps) { | ||
| export function ConstructorBottomElement(props) { |
There was a problem hiding this comment.
Можно улучшить
Здесь и в коде других компонентов, лучше не писать каждый раз props, а использовать деструктуризацию, достав все необходимые данные из пропсов один раз. Это сделает код более понятным. https://learn.javascript.ru/destructuring#destrukturizatsiya-obekta
|
@andryxxa93 |
andryxxa93
left a comment
andryxxa93
left a comment
There was a problem hiding this comment.
Супер, вы отлично поработали!
Поздравляю! Работа принята.
Желаю удачного продолжения обучения!
Можно и loading, главное чтобы был экшен для обозначения загрузки |
2 participants
No description provided.