Лайк однозначно. Неплохо припекало от типизации событий, теперь после объяснения все встало на свои места e: React.EventType. Еще и пустую тишину во вступлении убрал, стало приятнее слушать. Красавчек!
Большое спасибо автору курса. Те кто жалуются на классовые компоненты еще не устроились на работу, где собственно используются в основном именно этот подход, так как проэкты могут быть достаточно старыми. Так что еще раз отдельное спасибо за это. Было бы неплохо перезаписать типизацию router, так как вышло много обновлений
Все как в методичке для института. Надо каждый вопрос на практике показывать. Желательно на простом примере написанном с нуля чтобы показать сам принцип. Многие иностранные (и не только) авторы так делают. По моему такая подача эффективнее. Успехов вам, Евгений
Отдельное спасибо за разбор классовых компонентов. Очень полезно было. Обьясните пожалуйста значение знака ! при типизации. Не совсем поняла зачем он. Вот пример кода "context!: React.ContextType"
Очень понравился курс, грамотное и полное изложение материала. Единственное, возможно я чего-то не понимаю, но...Как мне клонировать к себе репозиторий с веткой урока, чтобы в ней был код не на конец урока, когда все типы уже расставлены, а на момент начала урока, чтобы руками все делать?
привет! есть одна беда.. на vsCode esLint c typeScript не работает, приложение сыпется.. как это победить ? как можно настроить и подружить vscode eslint и typescript в esLint есть очень хорошие зависимости для хуков..
32:03 - объясни, пожалуйста, синтаксис записи типа дженерика? class Form Extends Component . Почему так? Пытался поискать инфу о такой записи, ничего не нашел =/
это типизация классового компонента через generic types в скобочках сразу после Component. Первым передается типизация props, если их вообще не будет, то просто ставишь {}, вторым типизация state. В этом видео об этом говорится с 13:54. Так как есть типизация FormState, он ее сделал через type (в этом видео он виден на 32:01 и на 9 строке кода), он просто передает этот type в типизацию вторым параметром.
PropTypes нужен, потому что typescript проверит типы в момент сборки, PropTypes же работает в рантайме. Однако, описывать PropTypes действительно нет необходимости, так как существует пакет для генерации их из typescript описаний
Спасибо за видео, прикрепи пожалуйста ссылки на те видео по реакту и ТС про которые ты говоришь в самом начале. (По ТС это видимо предпоследнее на канале, а по реакту цельного курса не нахожу)
Вы когда создавали проект - использовапи npx, а потом вдруг решили запустить с помощью yarn. Что? Как это вообще? Откуда внезапно взялся yarn, если проект по-другому создавали?
43:07 , а если нам необходимо будет держать ссылку на setInterval или clearInterval, это понятное дело не работает, так как это не элементы. Выдает ошибку "Тип "Timeout" не может быть назначен для типа "HTMLElement"." Пыталась найти инфу об этом, сломала голову. Если пишешь Timeout тоже не работает, хелп..
У тебя очень крутые и подробные видео, спасибо тебе большое автор!! Я уже очень долго пытаюсь понять как настроить vsCode так, чтобы были всплывающие подсказки, как у тебя например на 16:36 можешь подсказать пожалуйста, очень нужно, буду очень сильно тебе благодарен нигде найти не могу(
Как показали отзывы и опросы такой формат нравится всем. Без воды, слов паразитов и без лишней траты времени. Вы первый кому этот не «зашло». Ну а формат и подачу материала я менять не собираюсь
Лайк подписка и коммент! Все что могу делаю!
Благодарю
Крутяцкий курс, как и предыдущий по TypeScript. Все очень дельно структурировано, по делу и без лишней воды. Благодарочка)
Спасибо за отзыв!
Очень полезно и подробно!
Спасибо
Лучший туториал по TypeScript + React!
Благодарю)
спасибо за ваш труд.
настолько понятного объяснения TS и TS+React не встречал нигде
Спасибо больщое за отзыв
Спасибо, Жень!
Пожалуйста
Супер курс то-что надо. Спасибо!!!!
Пожалуйста
Это самый топовый материал по TS и React что я видел, хоть и 2 года прошло)
👍
Лайк однозначно. Неплохо припекало от типизации событий, теперь после объяснения все встало на свои места e: React.EventType. Еще и пустую тишину во вступлении убрал, стало приятнее слушать. Красавчек!
Спасибо за отзыв)
Спасибо, толковое изложение материала, вы методически правильно подошли к своему уроку
Благодарю)
спасибо за урок, было полезно
Пожалуйста
У Евгения талант к преподаванию. Так мало кто может - и излагать просто, и материал подбирать актуальний. Респект!
Спасибо большое за отзыв)
ВАААААаааааа спасибо. Просто шикарноооооо
Пожалуйста)
Спасибо огромное за видео, очень, ну ооочень полезно и годно!!!
Спасибо большое)
лайк полностью !!)) всё очень понравилось !!))) благодарочка !!))
Спасибо)
Кстати классные переходы, сразу обратил внимание потому как ранее таких не видел.
Рад, что понравилось
Отличный курс, спасибо )
Пожалуйста
Ох как вовремя! Спасибо!
Пожалуйста
спасибо большое. отличный урок
Пожалуйста
Thank you, This is what i was looking for
You’re welcome
Большое спасибо автору курса. Те кто жалуются на классовые компоненты еще не устроились на работу, где собственно используются в основном именно этот подход, так как проэкты могут быть достаточно старыми. Так что еще раз отдельное спасибо за это.
Было бы неплохо перезаписать типизацию router, так как вышло много обновлений
Спасибо за поддержку. На счёт обновления, подумаю
Большое спасибо за данный контент!
Спасибо за отзыв)
Все как в методичке для института. Надо каждый вопрос на практике показывать. Желательно на простом примере написанном с нуля чтобы показать сам принцип. Многие иностранные (и не только) авторы так делают. По моему такая подача эффективнее. Успехов вам, Евгений
Учту для будущих курсов
@@YauhenKavalchuk молодец, я уважаю людей которые мне отвечают. Я из Сибири
Спасибо!
Пожалуйста
Отдельное спасибо за разбор классовых компонентов. Очень полезно было.
Обьясните пожалуйста значение знака ! при типизации. Не совсем поняла зачем он.
Вот пример кода "context!: React.ContextType"
Not-null, not-undefined
@@YauhenKavalchuk а в случае useRef(null!)
Круто. Спасибо) Интересно было бы посмотреть react-ts на реальном проекте с api.
Спасибо за отзыв, подумаю...
спасибо за видео, если не сложно, обьясни пожалуйста почему в примере про типизацию ХОК-ов если удалить весь BaseProps, все компилируется без ошибок ?
А как типизировать событие для возможности нажатия на кнопку как мышью, так и кнопкой (Enter или Space, например)?
Аналогичным образом, как описано в курсе, просто в качестве типа указываете один из специализированных, для каждого события он свой
@@YauhenKavalchuk т.е. объединение типов?
Подскажите, а почему в типизации HOC из второго примера вы пишете , а не ?
Опечатка
Очень понравился курс, грамотное и полное изложение материала. Единственное, возможно я чего-то не понимаю, но...Как мне клонировать к себе репозиторий с веткой урока, чтобы в ней был код не на конец урока, когда все типы уже расставлены, а на момент начала урока, чтобы руками все делать?
Спасибо за отзыв. К сожалению, никак. В ветках только финальный код
привет! есть одна беда..
на vsCode esLint c typeScript не работает, приложение сыпется..
как это победить ? как можно настроить и подружить vscode eslint и typescript
в esLint есть очень хорошие зависимости для хуков..
Можно попробовать воспользоваться пакетом: typescript-eslint
@@YauhenKavalchuk спасибо, уже разобрался
7:41 во Flutter/Dart как раз такая концепция.....
👍
мало что понятно) надо будет пересмотреть потом
Если совсем непонятно, то можете пересмотреть курс TypeScript, он тоже есть на канале
32:03 - объясни, пожалуйста, синтаксис записи типа дженерика? class Form Extends Component . Почему так? Пытался поискать инфу о такой записи, ничего не нашел =/
это типизация классового компонента через generic types в скобочках сразу после Component. Первым передается типизация props, если их вообще не будет, то просто ставишь {}, вторым типизация state. В этом видео об этом говорится с 13:54. Так как есть типизация FormState, он ее сделал через type (в этом видео он виден на 32:01 и на 9 строке кода), он просто передает этот type в типизацию вторым параметром.
PropTypes нужен, потому что typescript проверит типы в момент сборки, PropTypes же работает в рантайме. Однако, описывать PropTypes действительно нет необходимости, так как существует пакет для генерации их из typescript описаний
Правда для этого в проекте нужен babel github.com/milesj/babel-plugin-typescript-to-proptypes
походу что то изменилось за 2 года. children без React.ReactNode больше не определяется
ага... тоже заметил.
const Title: React.FC = ({children, title}) => (
{title}
{children}
)
const App: React.FC = () => (
huj
)
export default App
👍
49:23 не совсем понял, почему у базового компонента тип ComponentType, а не FC, это же функциональный компонент. Или разницы нету?
Лучше использовать FC
Евгений, спасибо!
По архитектуре с typeScript не планируете ничего? По cors? Gj
Пока нет
Спасибо за видео, прикрепи пожалуйста ссылки на те видео по реакту и ТС про которые ты говоришь в самом начале. (По ТС это видимо предпоследнее на канале, а по реакту цельного курса не нахожу)
Вкладка на канале - плейлисты. Там все курсы
При таком написании у меня почему то пишет что BaseProps не используется(((
Сверьтесь с репозиторием, это всё что могу посоветовать не видя вашего кода
@@YauhenKavalchuk Я уже все исправил, спасибо за обратную связь.
@@YauhenKavalchuk А кстати, какая у вас версия node?
здравствуйте , видео еще актуалено ?
Актуально
Вы когда создавали проект - использовапи npx, а потом вдруг решили запустить с помощью yarn. Что? Как это вообще? Откуда внезапно взялся yarn, если проект по-другому создавали?
По сути npm и yarn запускают аналогичные процессы. Так что если есть yarn, то можно использовать и его
VSCode пишет что TSLint устарел и нужно использовать ESLint...
Значит используйте ESLint. На момент записи курса TSLint был актуален
43:07 , а если нам необходимо будет держать ссылку на setInterval или clearInterval, это понятное дело не работает, так как это не элементы. Выдает ошибку "Тип "Timeout" не может быть назначен для типа "HTMLElement"." Пыталась найти инфу об этом, сломала голову. Если пишешь Timeout тоже не работает, хелп..
¯\ _(ツ)_/¯
@@YauhenKavalchuk эх, пичалька
почему я повторяю за тобой код, и начиная с хуков и у меня все красное????
Расширение фалов не tsx, не установлены нужные зависимости
У тебя очень крутые и подробные видео, спасибо тебе большое автор!! Я уже очень долго пытаюсь понять как настроить vsCode так, чтобы были всплывающие подсказки, как у тебя например на 16:36 можешь подсказать пожалуйста, очень нужно, буду очень сильно тебе благодарен нигде найти не могу(
Я в первом видео рассказывал о расширении TypeScript
Этот курс писался точно в 2020? :(
Точно
тебе нимбус ночью не мешает своим светом ? (P.s типа ты святой)
Я понял) Нет, не мешает) спасибо за отзыв
забыл самое главное - указать тему vscode)))
будь лучше, будь как майки, указывай тему vscode везде x)
Я не указывал тему, потому что тема стандартная, я её не меняю
@@YauhenKavalchuk ну по крайней мере в это ролике она не стандартная)
Стандартная)
лайк, но там где классы пропускал...
Зря, из опыта могу сказать, что разница в типизации минимальна. Единственное что действительно имело смысл пропускать - это методы жизненного цикла
@@YauhenKavalchuk сейчас классами мало кто пользуется , то есть инфа по сути не актуальна, вот типизация хуков другое дело
асинхронная типизация чета ад какой то
есть немного(
Чет слишком много классовых компонентов ими еще кто то пользуется ? Эт ж неудобно
Вы правы, ими уже никто, кроме меня, не пользуется
@@YauhenKavalchukпривычка или просто удобнее ?
Этот курс записывался когда хуки только-только появились
@@YauhenKavalchuk не знал что хуки только не давно появились
исправь ошибку в названии видео)
Поправил
100 реклам в одном видео)
а у меня ни одной
Это не ко мне вопросы, а к TH-cam, я лишь разрешаю встраивание
так youtube premium уже придумали, попробуй
Много рекламы не бывает. Любой контент стоит денег. Посмотри видио Птушкина на эту тему
@@YauhenKavalchuk правильно надо разрешать.
последние 3 раздела нихера не понятно
¯\ _(ツ)_/¯
Жалко , что читаешь по бумажке на уже заснятый видос, а не в живую, перемотка кода на х3 это не о чем, ты курс, как памятку себе оставил?
Как показали отзывы и опросы такой формат нравится всем. Без воды, слов паразитов и без лишней траты времени. Вы первый кому этот не «зашло». Ну а формат и подачу материала я менять не собираюсь
Спасибо!!!
Пожалуйста