feat: task6 (Redux) #5
Conversation
| const [filter, setFilter] = useState('all'); | ||
| const dispatch = useAppDispatch(); | ||
|
|
||
| const navItems: string[] = useMemo(() => ['all', 'documentary', 'comedy', 'horror', 'crime'], []); |
There was a problem hiding this comment.
если этот набор параметров не будет меняться, то можно его не держать в реактовом компоненте а вынести например за пределы (между 5 и 7 строкой) и будет просто const NAV_ITMES = ['all', 'documentary', 'comedy', 'horror', 'crime']. тогда и useMemo не нужен и в зависимостях эффекта можно не держать
There was a problem hiding this comment.
еще для простых конструкций можно JSON.stringify(navItems)
вот тут подробно написано facebook/react#14476 (comment)
| if (body) { | ||
| config.body = JSON.stringify(body); | ||
| } | ||
| config.method = body ? 'POST' : 'GET'; |
There was a problem hiding this comment.
отлично описал function client, единственное может быть потом сложно добавлять методы удаления\обновления которые вроде в сваггере апишки на PUT и DELETE сделаны. еще если не пробовал можешь попробовать axios, облегчит жизнь, не нужно будет конвертировать респонс, параметры запроса и body удобно передавать, есть возможность настроить ретраи и тд
|
|
||
| useEffect(() => { | ||
| if (searchText?.length > 2) { | ||
| dispatch(searchMoviesByTitle(searchText)); |
There was a problem hiding this comment.
в учебке не так важно, но в проде лучше использовать debounce если поиск происходит на сервере, чтобы на каждый введенный символ (а пользователи обычно вводят быстро) не происходил ненужный запрос
|
|
||
| const API_URL = 'http://localhost:4000'; | ||
|
|
||
| export default async function client(endpoint, { body, ...customConfig }: ClientArgs = defaultConfig) { |
There was a problem hiding this comment.
На мой взгляд тут жестковато написано - по сути это класс, но с первого взгляда очень сложно для восприятия. Но очень изобретательно =)
| const [filter, setFilter] = useState('all'); | ||
| const dispatch = useAppDispatch(); | ||
|
|
||
| const navItems: string[] = useMemo(() => ['all', 'documentary', 'comedy', 'horror', 'crime'], []); |
There was a problem hiding this comment.
еще для простых конструкций можно JSON.stringify(navItems)
вот тут подробно написано facebook/react#14476 (comment)
Evaluation criteria*
3 - All data fetches are implemented as actions and received from store by components
4 - Sorting by release date and rating is implemented as redux actions
5 - Filtering by genre is implemented as redux actions
*Each mark includes previous mark criteria