Lesson 12: Routing #21
Conversation
src/App.tsx
Outdated
|
|
||
| export const App: React.FC<{}> = () => ( | ||
| <Router> | ||
| <div> |
There was a problem hiding this comment.
пример из доки )) убираю
| </Route> | ||
| </Switch> | ||
| </div> | ||
| </Router> |
There was a problem hiding this comment.
Router вполне себе родитель вернего уровня, на первый взгляд
There was a problem hiding this comment.
да, просто некоторые контекст-обертки требуют только одного ребенка
| @@ -0,0 +1,15 @@ | |||
| import { sleep } from '@/utils/sleep'; | |||
|
|
|||
| export const login = async (name: string) => { | |||
There was a problem hiding this comment.
Может в login/logout тоже добавить задержку?
| name: string; | ||
| } | ||
|
|
||
| class RawUserScreen extends React.PureComponent< |
There was a problem hiding this comment.
memo instead of PureComponent ?
There was a problem hiding this comment.
Тут специально сделан класс (логин сделал через FC), чтобы были оба пример работы с роутом
src/utils/authorizedOnlyHOC.test.tsx
Outdated
| name: string; | ||
| } | ||
| const Component: React.FC<ComponentProps> = ({ name }) => <h1>{name}</h1>; | ||
| let WrappedComponent: React.ComponentType<ComponentProps>; |
There was a problem hiding this comment.
может использовать везде const? не прочитал с первого раза
There was a problem hiding this comment.
там был let из-за beforeEach
| failed, | ||
| } | ||
|
|
||
| export const authorizedOnlyHoc = <Props extends object>( |
There was a problem hiding this comment.
Ох, может использовать класс? Хуки это страдание...
There was a problem hiding this comment.
Я согласен, но судя по проверке домашек - на хуках народ пишет гораздо чаще ))
я могу дать для практики задание переписать это на класс, благо тесты уже есть =)
src/utils/authorizedOnlyHOC.test.tsx
Outdated
| const Component: React.FC<ComponentProps> = ({ name }) => <h1>{name}</h1>; | ||
| let WrappedComponent: React.ComponentType<ComponentProps>; | ||
| beforeEach(() => { | ||
| WrappedComponent = authorizedOnlyHoc(Component); |
There was a problem hiding this comment.
Я не понял, что тут произошло, можешь пояснить, плиз?
Почему нельзя использовать один компонент в двух тестах?
There was a problem hiding this comment.
Если надо 2 разных компонента, предлагаю использовать явное объявление в тестах, вместо неявного сброса
There was a problem hiding this comment.
можно, но почему же сброс не явный?
тут с одной стороны вкусовщина, с другой - это в своей реализации я знаю, что в хоке нет сайд эффектов и я могу использовать свой компонент дважды, а в целом это не гарантированно, так что лучше создать новый компонент
а если создавать одно и то-же -- то beforeEach как раз для этого
и может у меня избирательное внимание, но я этот подход использую и вижу вокруг
https://grischuk.de/how-to-test-react-component-wrapped-in-with-router-hoc
enzymejs/enzyme#711
https://medium.com/@kacperwdowik/testing-simple-as-implementing-how-to-test-higher-order-components-with-jest-and-enzyme-da4abe01f965
There was a problem hiding this comment.
Могу поделиться мнением) Библиотеки смертны, подходы меняются, объявить отдельную переменную во всех языка вечное
А если без философии, объявить переменную в скоупе функции действительно очевиднее, с какой стороны не посмотри.
Если выбирать между двумя переменными и beforeEach я бы выбрал две переменные
There was a problem hiding this comment.
а я beforeEach ибо DRY =)
плюс setup/teardown это классика тестовых фреймворков
в любом случае убрал
|
Так же обновить Readme, знаю что ты помнишь, но я все же оставлю этот коммент тут =) |
No description provided.