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