Тёмный

React и TypeScript - Практический Курс [2023] 

Vasilii Muravev
Подписаться 21 тыс.
Просмотров 31 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 92   
@max.on69
@max.on69 2 месяца назад
Автор молодец. Отличная подача, отличная проработка материала.
@uladzimirf7577
@uladzimirf7577 Год назад
Лучшее что я видел на ютубе про реакт с тайпскриптом для начинающих
@stackdev
@stackdev Год назад
Спасибо!
@alexanderkomanov4151
@alexanderkomanov4151 Год назад
Очень хорошее объяснение.
@stackdev
@stackdev Год назад
Спасибо
@eshapechko
@eshapechko Год назад
Классное видео, всё доступным языком. А что за тема vscode используется?
@stackdev
@stackdev Год назад
Спасибо! тема называется Dracula
@alekseysedykh5372
@alekseysedykh5372 Год назад
Также хочу поделиться более быстрым способом определения типа евента, если вы не знаете какой тип события хочет TS, то можно поставить намеренно тип number(например e:number), TS подчеркнёт слушатель, навести мышкой и узнать, какое событие ждёт TS, скопировать его и вставить)
@denrainmen5631
@denrainmen5631 Год назад
Привет из инкубатора ! )
@supatrupa12345
@supatrupa12345 9 месяцев назад
если бы я когда то давно не изучал реакт, я бы ничего не понял
@никитавечирко
@никитавечирко Год назад
я что-то видео пощелкал, не увидел, ты нигде не добавил себе файл с пиццами, но они у тебя отображаются при добавлении, что за магия? полез в гитхаб тоже не нашел импортов
@stackdev
@stackdev Год назад
Так мы же их создаем сами..
@никитавечирко
@никитавечирко Год назад
@@stackdev я скопировал базу с твоего репо, просто вижу, что мы нигде не импортируем demoPizza и в publik есть фотки сами. но не понимаю, как без импортов к нам попадают фотографии
@boolka2323
@boolka2323 Год назад
@@никитавечирко тот же вопрос... сейчас сижу делаю по видео - фотографии не отображаются... уже и адрес меняла, ничего не работает....
@СергейВ-о8ъ
@СергейВ-о8ъ Год назад
create-react-app в 2023 году... Мда..
@СуетаСуетливая
А что не так обьясните пожалуйста.
@tazorprod.934
@tazorprod.934 Год назад
@@СуетаСуетливая при создании нового проекта на реакте таким образом по дефолту около шести ошибок вылазит в терминале. Желательно использовать другой способ, например, react+vite. Погуглите эту тему, много интересной инфы есть на этот счет
@ровойт
@ровойт Год назад
спасибо за суперуроки по js - могли бы вы записать что-то ознакомительное по беку типа nest.js
@AmeSagiriAlbion
@AmeSagiriAlbion 10 часов назад
Какая же хуита этот тайпскрипт, тратить дополнительно процентов 20-30% времени на создания интерфейсов,типов и генериков...
@АйсылуАрсланова
@АйсылуАрсланова Месяц назад
спасибо за Ваш труд!
@Mariia-v9p
@Mariia-v9p Год назад
Хороших урок. Будет завершение приложения? сохранение в localStorage и загрузка из него, пагинация? очень бы хотелось закончить)
@stackdev
@stackdev Год назад
Продолжение на stackdev.ru
@никитавечирко
@никитавечирко Год назад
а зачем мы прокидываем функции вглубь всех компонентов пропсами? ведь при клике на них, будут всех компоненты перерендерены или это будут в дальнейших видео донесено и перенесено в redux?
@stackdev
@stackdev Год назад
Сначала максимально упрощаем. Видео для начинающих.
@UCmdrhccjVM95UidL5idZw2Q
@UCmdrhccjVM95UidL5idZw2Q Год назад
🍕 Перед просмотром лучше поесть
@qwertll8622
@qwertll8622 7 месяцев назад
Хороший материал, но тип компонента FC не стоит использовать
@АйсылуАрсланова
@АйсылуАрсланова Месяц назад
спасибо за Ваш труд!
@lowmikow1099
@lowmikow1099 4 месяца назад
Огромное спасибо за видео! Для новичков в TS очень мало столь понятного контента)
@scvorec77
@scvorec77 Год назад
Спасибо за только что вышедшее видео, очень кстати и актуально вовремя ))
@stackdev
@stackdev Год назад
Спасибо!
@elconrel9665
@elconrel9665 Год назад
Спасибо за видео, было бы здорово увидеть подобный проект с использованием редакс тулкит (его тоже везде требуют)
@alexidino
@alexidino Год назад
Лучше написать чего они не требуют)
@nikn6244
@nikn6244 Год назад
тулкит не сложный
@esp2644
@esp2644 Год назад
​@@nikn6244 не хрен если есть схема, а если ее нет, и нет понимания как ее сделать?
@alekseysedykh5372
@alekseysedykh5372 Год назад
Подача великолепная, мне очень понравилось! Благодарю и удачи в дальнейшем!
@stackdev
@stackdev Год назад
Спасибо большое!
@bobmagrega
@bobmagrega 4 месяца назад
Объясните, пожалуйста, что это за запись на 51:07 на 25 строке? Почему name взято в квадратные скобки?
@КамильМиникеев-ю4д
@КамильМиникеев-ю4д 2 месяца назад
изучите запись объектов. Чтобы в объекте ключ записать через переменную name используются квадратные скобки. В переменной name у нас хранится name из инпута(title,price,img). [name]: value это равнозначно if (name === 'title') { setNewPizza(prevState => ({ ...prevState, title: value, })); } else if (name === 'price') { setNewPizza(prevState => ({ ...prevState, price: value, })); } else if (name === 'img') { setNewPizza(prevState => ({ ...prevState, img: value, })); } только благодаря записи [name] мы можем динамично подставлять значения и очень короткая запись получается
@bobmagrega
@bobmagrega 2 месяца назад
@@КамильМиникеев-ю4д Спасибо
@Andrey_Osintsev
@Andrey_Osintsev Год назад
Отлично, ещё раз повторил материал по стейтам и увидел пару интересных вещей по ТайпСкрипту. Спасибо!
@stackdev
@stackdev Год назад
Спасибо за поддержку!
@dimasnytin
@dimasnytin Год назад
Василий, огромное вам спасибо. Я, как раз сейчас начал изучать React, а этот проект прям то, что нужно 💪
@stackdev
@stackdev Год назад
Спасибо за поддержку!
@scvorec77
@scvorec77 Год назад
Ну я бы сказал для совсем начинающего изучать реакт сложновато, я так понял это для продолжающих так как рассказывается про хуки и тайпскрипт.
@AtakanMoldomamytov
@AtakanMoldomamytov Год назад
Большое спасибо! Очень вовремя, вы лучший
@stackdev
@stackdev Год назад
Спасибо)
@Дмитрий-л4с9х
@Дмитрий-л4с9х Год назад
Большое спасибо, очень полезный урок!
@stackdev
@stackdev Год назад
Спасибо за поддержку!
@evgenya_pan
@evgenya_pan Год назад
Спасибо за видео, было полезно
@eney1975
@eney1975 Год назад
не работает в хроме (index):6583 crbug/1173575, non-JS module files deprecated.
@tazorprod.934
@tazorprod.934 Год назад
Шикарный курс. Спасибо вам ОГРОМНОЕ за старания.
@stackdev
@stackdev Год назад
Спасибо!
@aldarzhai
@aldarzhai 6 месяцев назад
Спасибо за видео. Подскажите, что за тема у вас в редакторе?
@elenakhilalova
@elenakhilalova 5 месяцев назад
Ребят как решить проблему, когда вешаю обработчик клика на иконки, onClick подсвечивается красным, пожалуйста подскажите как исправить
@AntonioBenderas
@AntonioBenderas Год назад
А этот мини проект подойдёт тем, кто ещё вообще не щупал ни Реакт, ни Тайпскрипт? То есть без минимальной теоретической базы
@stackdev
@stackdev Год назад
Думаю лучше какие-то базовые вещи сначала почитать (чтобы понимать о чем речь..). Но в общем - здесь все на базаовом уровне
@scvorec77
@scvorec77 Год назад
Я так понимаю реакт надо учить если есть базовые понимания html css и js, так как у реакта своя логика
@AntonioBenderas
@AntonioBenderas Год назад
@@scvorec77 это понятно, js надо знать
@scvorec77
@scvorec77 Год назад
@@AntonioBenderas ну как )) я как новичек, занимаюсь второй год, и только вот вот начал что то соображать и то не все)) честно удивляюсь когда люди говорят как я выучил js за полгода и нашел работу )) за полгода я только понял как массив отсортировать и что ауое цикл ))) наверное это какие то гениальные люди ))
@stackdev
@stackdev Год назад
@@scvorec77 все верно. HTML + CSS + JS.
@ИгорьМалежик-е3з
@ИгорьМалежик-е3з 11 месяцев назад
Это потрясающе, благодарен
@stackdev
@stackdev 11 месяцев назад
спасибо! продолжение видео на stackdev.ru
@АртемийЛукин-г4ы
Очень полезное видео, спасиБо !
@stackdev
@stackdev Год назад
Спасибо!
@magaall7249
@magaall7249 Год назад
я не понял, как у вас все js файлы, перешли на расширение tsx ? и что надо было установить, чтобы начать работу на taypScript? npm i typescript ?
@tazorprod.934
@tazorprod.934 Год назад
Cкачайте архив с исходниками ( ссылка в описании есть), распакуйте его в папку вашего будущего проекта и после этого пропишите в терминале npm i
@infinitym1bb
@infinitym1bb Год назад
Добрый день Василий! После клонирование репо и инсталяции пакетов во всех файлах где импортируется React/ReactDOM выводит ошибку "../index.d.ts is not a module", в инете не нашёл правильное решение.
@stackdev
@stackdev Год назад
а поподробнее текст ошибки можете написать?
@dmaberlin
@dmaberlin Год назад
как думаете, есть смысл повторять чужие проекты по видео, если ты уже более менее пре джун? но если мне нравится повторять чужие проекты по видео, особенно по видео на английском языке.. Как извлечь из этого побольше пользы?
@stackdev
@stackdev Год назад
Лучше всего - сделать проект по видео - потом на основании этого проекта сделать что-то свое (полностью переработать его)..
@dmaberlin
@dmaberlin Год назад
@@stackdev супер , спасибо!
@SergioDev001
@SergioDev001 11 месяцев назад
будет ли продолжение видео?
@stackdev
@stackdev 11 месяцев назад
Продолжение на stackdev.ru
@SergioDev001
@SergioDev001 11 месяцев назад
@@stackdev спасибо
@SergioDev001
@SergioDev001 10 месяцев назад
@@stackdev подскажите пожалуйста, реализации пагинации в учебном материале нет?
@stackdev
@stackdev 10 месяцев назад
@@SergioDev001 пока нет
@ivanivanov6118
@ivanivanov6118 8 месяцев назад
Стоит ли начинать изучать React с минимальными знаниями JS ?
@stackdev
@stackdev 8 месяцев назад
не стоит
@ivanivanov6118
@ivanivanov6118 8 месяцев назад
спасибо@@stackdev
@КотМатроскин-х9ь
как меня теперь раздражает слово пицца... и как автор любит поесть, это просто нечто...
@gift.albooms
@gift.albooms Год назад
Спасибо, круто и наглядно! В идеале бы упомянуть, что в дальнейшем стоит избавляться от "props drilling" - это когда пропсы прокидываются через кучу компонент насквозь и не задействуются в промежуточных компонентах. Это потом засоряет пропсы и усложняет работу. Решается проблема контекстом или state-менеджером в более сложных проектах.
@stackdev
@stackdev Год назад
ну state management это уже отдельная история)
@factsShorts13
@factsShorts13 Год назад
почему onClick не работает как видео? Property 'onClick' does not exist on type 'IntrinsicAttributes & IconBaseProps'. 29 | 30 | > 31 |
@factsShorts13
@factsShorts13 Год назад
красава.. установил иконки отдельно через --save, и словил баг. все работает! чудесная работа Василия!
Далее
React и TypeScript - Быстрый Курс
1:40:52
Просмотров 351 тыс.
+1000 Aura For This Save! 🥵
00:19
Просмотров 11 млн
11 ming dollarlik uzum
00:43
Просмотров 625 тыс.
TypeScript. Полный курс
1:20:15
Просмотров 158 тыс.
SASS /SCSS (basic lesson  "lang=uz")
55:52
TypeScript - Быстрый Курс за 70 минут
1:08:00