Также хочу поделиться более быстрым способом определения типа евента, если вы не знаете какой тип события хочет TS, то можно поставить намеренно тип number(например e:number), TS подчеркнёт слушатель, навести мышкой и узнать, какое событие ждёт TS, скопировать его и вставить)
изучите запись объектов. Чтобы в объекте ключ записать через переменную 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] мы можем динамично подставлять значения и очень короткая запись получается
а зачем мы прокидываем функции вглубь всех компонентов пропсами? ведь при клике на них, будут всех компоненты перерендерены или это будут в дальнейших видео донесено и перенесено в redux?
Добрый день Василий! После клонирование репо и инсталяции пакетов во всех файлах где импортируется React/ReactDOM выводит ошибку "../index.d.ts is not a module", в инете не нашёл правильное решение.
@@AntonioBenderas ну как )) я как новичек, занимаюсь второй год, и только вот вот начал что то соображать и то не все)) честно удивляюсь когда люди говорят как я выучил js за полгода и нашел работу )) за полгода я только понял как массив отсортировать и что ауое цикл ))) наверное это какие то гениальные люди ))
я что-то видео пощелкал, не увидел, ты нигде не добавил себе файл с пиццами, но они у тебя отображаются при добавлении, что за магия? полез в гитхаб тоже не нашел импортов
@@stackdev я скопировал базу с твоего репо, просто вижу, что мы нигде не импортируем demoPizza и в publik есть фотки сами. но не понимаю, как без импортов к нам попадают фотографии
как думаете, есть смысл повторять чужие проекты по видео, если ты уже более менее пре джун? но если мне нравится повторять чужие проекты по видео, особенно по видео на английском языке.. Как извлечь из этого побольше пользы?
@@СуетаСуетливая при создании нового проекта на реакте таким образом по дефолту около шести ошибок вылазит в терминале. Желательно использовать другой способ, например, react+vite. Погуглите эту тему, много интересной инфы есть на этот счет
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
Очень круто и понятно! Важные моменты! Спасибо. Подписался и пошел на профиле смотреть другие видео
Спасибо за поддержку!
Лучшее что я видел на ютубе про реакт с тайпскриптом для начинающих
Спасибо!
спасибо за Ваш труд!
Автор молодец. Отличная подача, отличная проработка материала.
Спасибо за только что вышедшее видео, очень кстати и актуально вовремя ))
Спасибо!
Подача великолепная, мне очень понравилось! Благодарю и удачи в дальнейшем!
Спасибо большое!
Большое спасибо! Очень вовремя, вы лучший
Спасибо)
Это потрясающе, благодарен
спасибо! продолжение видео на stackdev.ru
Очень хорошее объяснение.
Спасибо
Огромное спасибо за видео! Для новичков в TS очень мало столь понятного контента)
Большое спасибо, очень полезный урок!
Спасибо за поддержку!
Шикарный курс. Спасибо вам ОГРОМНОЕ за старания.
Спасибо!
Отлично, ещё раз повторил материал по стейтам и увидел пару интересных вещей по ТайпСкрипту. Спасибо!
Спасибо за поддержку!
Очень полезное видео, спасиБо !
Спасибо!
Спасибо за видео, было полезно
Василий, огромное вам спасибо. Я, как раз сейчас начал изучать React, а этот проект прям то, что нужно 💪
Спасибо за поддержку!
Ну я бы сказал для совсем начинающего изучать реакт сложновато, я так понял это для продолжающих так как рассказывается про хуки и тайпскрипт.
Также хочу поделиться более быстрым способом определения типа евента, если вы не знаете какой тип события хочет TS, то можно поставить намеренно тип number(например e:number), TS подчеркнёт слушатель, навести мышкой и узнать, какое событие ждёт TS, скопировать его и вставить)
Привет из инкубатора ! )
спасибо за суперуроки по js - могли бы вы записать что-то ознакомительное по беку типа nest.js
Спасибо за видео, было бы здорово увидеть подобный проект с использованием редакс тулкит (его тоже везде требуют)
Лучше написать чего они не требуют)
тулкит не сложный
@@nikn6244 не хрен если есть схема, а если ее нет, и нет понимания как ее сделать?
Хороших урок.
Будет завершение приложения? сохранение в localStorage и загрузка из него, пагинация?
очень бы хотелось закончить)
Продолжение на stackdev.ru
Классное видео, всё доступным языком. А что за тема vscode используется?
Спасибо! тема называется Dracula
Спасибо за видео. Подскажите, что за тема у вас в редакторе?
Объясните, пожалуйста, что это за запись на 51:07 на 25 строке? Почему name взято в квадратные скобки?
изучите запись объектов. Чтобы в объекте ключ записать через переменную 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] мы можем динамично подставлять значения и очень короткая запись получается
@@КамильМиникеев-ю4д Спасибо
будет ли продолжение видео?
Продолжение на stackdev.ru
@@stackdev спасибо
@@stackdev подскажите пожалуйста, реализации пагинации в учебном материале нет?
@@SergioDev001 пока нет
а зачем мы прокидываем функции вглубь всех компонентов пропсами? ведь при клике на них, будут всех компоненты перерендерены или это будут в дальнейших видео донесено и перенесено в redux?
Сначала максимально упрощаем. Видео для начинающих.
🍕 Перед просмотром лучше поесть
я не понял, как у вас все js файлы, перешли на расширение tsx ? и что надо было установить, чтобы начать работу на taypScript? npm i typescript ?
Cкачайте архив с исходниками ( ссылка в описании есть), распакуйте его в папку вашего будущего проекта и после этого пропишите в терминале npm i
не работает в хроме (index):6583 crbug/1173575, non-JS module files deprecated.
Добрый день Василий! После клонирование репо и инсталяции пакетов во всех файлах где импортируется React/ReactDOM выводит ошибку "../index.d.ts is not a module", в инете не нашёл правильное решение.
а поподробнее текст ошибки можете написать?
Стоит ли начинать изучать React с минимальными знаниями JS ?
не стоит
спасибо@@stackdev
А этот мини проект подойдёт тем, кто ещё вообще не щупал ни Реакт, ни Тайпскрипт? То есть без минимальной теоретической базы
Думаю лучше какие-то базовые вещи сначала почитать (чтобы понимать о чем речь..). Но в общем - здесь все на базаовом уровне
Я так понимаю реакт надо учить если есть базовые понимания html css и js, так как у реакта своя логика
@@scvorec77 это понятно, js надо знать
@@AntonioBenderas ну как )) я как новичек, занимаюсь второй год, и только вот вот начал что то соображать и то не все)) честно удивляюсь когда люди говорят как я выучил js за полгода и нашел работу )) за полгода я только понял как массив отсортировать и что ауое цикл ))) наверное это какие то гениальные люди ))
@@scvorec77 все верно. HTML + CSS + JS.
Хороший материал, но тип компонента FC не стоит использовать
если бы я когда то давно не изучал реакт, я бы ничего не понял
я что-то видео пощелкал, не увидел, ты нигде не добавил себе файл с пиццами, но они у тебя отображаются при добавлении, что за магия? полез в гитхаб тоже не нашел импортов
Так мы же их создаем сами..
@@stackdev я скопировал базу с твоего репо, просто вижу, что мы нигде не импортируем demoPizza и в publik есть фотки сами. но не понимаю, как без импортов к нам попадают фотографии
@@никитавечирко тот же вопрос... сейчас сижу делаю по видео - фотографии не отображаются... уже и адрес меняла, ничего не работает....
как думаете, есть смысл повторять чужие проекты по видео, если ты уже более менее пре джун? но если мне нравится повторять чужие проекты по видео, особенно по видео на английском языке.. Как извлечь из этого побольше пользы?
Лучше всего - сделать проект по видео - потом на основании этого проекта сделать что-то свое (полностью переработать его)..
@@stackdev супер , спасибо!
create-react-app в 2023 году... Мда..
А что не так обьясните пожалуйста.
@@СуетаСуетливая при создании нового проекта на реакте таким образом по дефолту около шести ошибок вылазит в терминале. Желательно использовать другой способ, например, react+vite. Погуглите эту тему, много интересной инфы есть на этот счет
Какая же хуита этот тайпскрипт, тратить дополнительно процентов 20-30% времени на создания интерфейсов,типов и генериков...
как меня теперь раздражает слово пицца... и как автор любит поесть, это просто нечто...
Ребят как решить проблему, когда вешаю обработчик клика на иконки, onClick подсвечивается красным, пожалуйста подскажите как исправить
почему onClick не работает как видео?
Property 'onClick' does not exist on type 'IntrinsicAttributes & IconBaseProps'.
29 |
30 |
> 31 |
красава.. установил иконки отдельно через --save, и словил баг. все работает! чудесная работа Василия!
спасибо за Ваш труд!