Я бекэнд разработчик, и имея печальный опыт работы разработки фронта ещё на олдскульных фреймворках, я решил навсегда завязать с попытками дать фронту ещё один шанс. Но этот курс и зажигательный стиль изложения Димыча - вдохновили меня на изучение этой темы. Спасибо огромное! Жду каждое видео. Есть много других курсов по Реакту, может быть более академичные или нагруженные. Но этот стоит смотреть даже просто ради искрящегося энтузиазма автора. Не останавливайся, бро!
@@ITKAMASUTRA Димыч ты красавчик .Если бы не ты я так и не изучал би React так спокойно и от души.Я даже могу сказать что твои видосы намного лучше online платных курсов.Ты одновременно говоришь много секретиков,нюансов но и иногда пишешь код не объясняя его подробно и при этом советуешь нам прочитать об этом в других источниках,короче развиваешь нас,ты как друг учишь нас .Ты супер человек.Cпасибо тебе огромное,много счастья
я тоже решил отказаться от фронтдендовских фреймворках, но когда дело дошло до проекта, я понял, что с jquery все плохо, одни блятские калбеки уже задолбали
Кто работает с TS и у кого была ошибка “Object is possibly null”, то решаем её так: let newPostEl = useRef(null) const addPost = () => { if (newPostEl.current !== null) { alert(newPostEl.current.value) } } Это важно, потому что что, если у нас есть функция, которая принимает ссылку, но не нулевое значение.
сейчас можно вот так let ref = createRef(); let addPost = ()=>{ let text = ref.current.value alert(text) } реакт импортирует такую штуку import { createRef } from "react";
Вот это кстати очень полезная инфа про то что стандартные методы обращения к элементам JS не стоит использовать, так как работаем с DOM деревом не напрямую, а через виртуальный DOM
Если кто смотрит сейчас: вместо createRef, используйте useRef const ref = useRef(null); Ну и дальше ref.current.value ... (createRef выдает ошибку -_(0.0)_-
У меня работает с createRef(), может, ты забыл импортировать import React from "react"; ? У меня тоже сразу выдало ошибку, но после того, как в этот документ (MyPost) вверху добавила импорт, всё заработало. Крч, если ошибка такая:"Failed to compile src/components/Profile/MyPost/MyPosts.jsx Line 17:24: 'React' is not defined no-undef" , то дело точно в импорте.
@@in_the_fox_fur либа реакта импортирована была, точный текст ошибки не помню, , но принцип работы одинаков use и create. В доках тоже ссылаются друг на друга.
делал в начале через createRef в tsx не работало гугл впервые не помог, перешел на js все переписал createRef не работает от потерянных 4х часов начинает гореть пздц нахожу твой пост пробую - работает пытаюсь понять в чем проблема пишу обратно createRef и все ЗАРАБОТАЛО вот как так то =/
В своё время плюнул на ванила-JS из-за отсутствия классов и инструментов отладки. Недавно решил снова узнать, что там нового в JS и был удивлен не только наличием классов в языке, но и количеством мощных фреймворков. Выбрал React только из-за автора. Очень крутые уроки. Быстро, чётко, без вопросов, как удар катаны. Фшух-Фшух-Фшух!
Рефы отлично объяснил. В официальной документации вроде то же самое написано, но настолько сухо и неинтересно, что воспринять намного сложнее. МолотоК!
Сэнсэй, очень нравится твой подход, делаю записи, пересматриваю видео, да и в каждом новом видео ты даешь небольшие повторы! Спасибо тебе! И как всегда все на высшем уровне! Лайк!
пишу в первый раз за тридцать выпусков, спасибо за такой классный курс! засела над домашкой с прошлого урока на неприлично долгий срок, теперь готова снова приступить к учебе)
2024/01/20 привет самураям =) ts потребовал типизировать Ref, спасибо webstorm, реально больше и удобнее подсказывает) и спасибо it-incubator, благодаря которому я все-таки перешла на WS =) и вообще, спасибо it-incubator!
Хотел бы дополнить Димыча) Когда нужно отслеживать какой то блок событий, то все внутренности лучше оборачивать в тег и на него уже вешать ref. А за пределами функционального компонента, создать переменную через let, потому что она будет постоянно обновляться. Допустим content. И в форме запишем так, ref={event => content = event}. Таким образом в контенте у нас всегда будет лежать дерево событий, к которым мы можем легко обратиться и строить логику дальше... На данный момент без рефов никуда, но данная схема считается нормальной практикой. Как то так) Если где то не прав, прошу меня поправить. С меня как всегда лайк!
Спасибо за дополнения, Дим. Но меня терзают смутные сомнения!)) А что произойдёт по этой схеме, если ты отрисуешь одновременно 2 одинаковые компоненты на странице? Функция одна в описанном тобой сценарии, вызовов одновременно 2... Чуме будет равен content?
@@ITKAMASUTRA Вешать на каждый инпут айдишник и по нему потом цеплять... Или на каждый инпут вешать вывод события. Примерно так onChange={() => console.log(event.target.value)}. Реф, я так понимаю, используется для отправки формы на сервак. Посла нажатия допустим на кнопку, запихиваем в джейсон и отправляем всё ДОМ дерево... А для всей активности в рендере, используются события форм, ну и сетСтейт. Не прав?
У кого ошибка 'React' is not defined no-undef, тот наслушался советчиков в начале курса о том что не нужно в новой версии импортировать в компоненты import React from 'react'; и забил на это дело в дальнейшем! Так вот просто добавьте эту строчку в самом верху и всё заработает
да реально тоже нигде не писал импорт реакта. Но тут принцип как и с другими элементами. Если какой то элемент не используешь, то и импортировать видимо незачем его лишний раз.
Домашку выполнил самостоятельно, добавил sidebar . То чувство когда наступает просветление и понимание всего происходящего. Спасибо Димыч! Ты - зажигалка!
@@ДанилДмитриев-я5м сейчас на 90м уроке, два пет-проекта сделал и развернул для собесов. Параллельно этому курсу прохожу HTML-академию - без понимания верстки сложно сделать нормальный пет-проект. Работу пока не искал, но у меня есть (я 1Сник), так что в этом плане не спешу
Дмитрий, спасибо за уроки. приступила к твоему курсу после паузы на основном обучении, на контрасте твои видео, как мед для ушей. все четко и понятно: где скобки ставим, почему не ставим + дополнительно пояснения к нативному js. спасибо!!! мой путь самурая 05-01-2023. д/з сделано!
Димыч, всё круто и понятно! Особенно радует подача, всякие словечки типа "кабдзда, белиберда, краказябры" ). Это вносит некую лёгкость в понимание материала. Не пожалел времени проставить лайки на всех выпусках, хоть и дошёл пока до данного видео. Инкубатор, самураи - летим!)
интересный подход, сначала учат, делай так! ты такой, огонь, я это умею, а потом раз, так больше не делай, делай так!!! Прикольная штука!)) Спасибо за видео!!!)
Огонь. Продолжаю. С OnClick и ref все понятно. Про DOM пока непонятно, ранее не читал. Каюсь, что не выполнил задания с 29 урока, забуксовал на ссылках на картинки. Рассчитываю, что дальше с этим разберусь. Здесь задания сделал. Спасибо!
Этот выпуск как и вообще курс, вызывает ассоциацию с хорошо написанной книгой. Которую я обязательно после прочтения буду использовать как справочный материал.
Смотрю в 2020 году, есть опыт разработки на JS, но фреймворк другой, и вот что хочу сказать. Это волшебно. Так понятно, так доступно. Спасибо большое за проделанный труд!
Видос класс. Работал только с нативным js и то что, говоришь прям взрыв мозга. Спасибо, что уделяешь много внимания на важных концепциях реакта. Без этого никак
Димыч, спасибо! Сейчас 24 год смотрю курс! Закончу с ними и пойду в инкубатор. Желание огромное
Привет как утебя ты как у тя устроился ?
Я бекэнд разработчик, и имея печальный опыт работы разработки фронта ещё на олдскульных фреймворках, я решил навсегда завязать с попытками дать фронту ещё один шанс. Но этот курс и зажигательный стиль изложения Димыча - вдохновили меня на изучение этой темы. Спасибо огромное! Жду каждое видео. Есть много других курсов по Реакту, может быть более академичные или нагруженные. Но этот стоит смотреть даже просто ради искрящегося энтузиазма автора. Не останавливайся, бро!
круууууто, спасибо за добрые и мотивационные слова!!! Не останавлюсь!! А вот скину себя кабалу сейчас аутсорсинговую - так налягу втройне!!!))
Такя же фигня со мной! )))
Бекэнд проще?
@@ITKAMASUTRA Димыч ты красавчик .Если бы не ты я так и не изучал би React так спокойно и от души.Я даже могу сказать что твои видосы намного лучше online платных курсов.Ты одновременно говоришь много секретиков,нюансов но и иногда пишешь код не объясняя его подробно и при этом советуешь нам прочитать об этом в других источниках,короче развиваешь нас,ты как друг учишь нас .Ты супер человек.Cпасибо тебе огромное,много счастья
я тоже решил отказаться от фронтдендовских фреймворках, но когда дело дошло до проекта, я понял, что с jquery все плохо, одни блятские калбеки уже задолбали
Димыч: забываем documentById и учим ref.
Юный самурай: для чего?
Димыч: чтобы потом забыть и делать как нормальные люди.
Юный самурай(делает харакири)
document.getElementById("id") , повтори если выжил молодой самурай )
Сеппуку
У кого не работает в 2022, добавьте в верху MyPost импорт - import React from 'react';
спасибо)
люди вы где?) неужели я один смотрю в 2021к? он актуален и на сегодняшний день! Не ленимся пишем любые коменты, поднимаем димыча в выдаче!)
Кто работает с TS и у кого была ошибка “Object is possibly null”, то решаем её так:
let newPostEl = useRef(null)
const addPost = () => {
if (newPostEl.current !== null) {
alert(newPostEl.current.value)
}
}
Это важно, потому что что, если у нас есть функция, которая принимает ссылку, но не нулевое значение.
Можно чуть проще
const inputRef = useRef(null);
const addPost = () => {
alert(inputRef.current?.value)
};
у кого 'React' is not defined no-undef нужно прописать сверху руками эту строку : import React from 'react' :) Димыч спасибо за курс )
Спасибо. Столкнулся, хотел гуглить(хотя подозревал, что в этом проблема будет), но решил глянуть тут.
Спасибо! твой комментарий сэкономил мне кучу времени)))
Благодарю! как хорошо, что есть такие добрые люди!
можно не записывать вообще React нигде , т.к он вызывается глобально уже
сейчас можно вот так
let ref = createRef();
let addPost = ()=>{
let text = ref.current.value
alert(text)
}
реакт импортирует такую штуку
import { createRef } from "react";
Вот это кстати очень полезная инфа про то что стандартные методы обращения к элементам JS не стоит использовать, так как работаем с DOM деревом не напрямую, а через виртуальный DOM
В Реакте мы работаем не с домом, а с Домом 2.)))
@@socrat5354 Дом 2, построй свое реакт приложение.
@@yaroslavzef7267
а в качестве социальнобезответсвеных девушек почему-то там разработчики)))
@@yaroslavzef7267 ахахаххах
как успехи
Сколько курсов смотрела, ни в одном не сказали про ref. Ни в одном. Так что низкий поклон и аригато!)
Как успехи спустя год?)
@@СергійАлєксєєвич Работаю. Правда теперь не на реакте, а на ангуляре :)
@@Jenny-s9x2f супер!)
@@Jenny-s9x2f А чистый JS сильно нужен (на собесах при старте и в работе)?
@@zloy_ax8496 верстальщиком разве что. Когда делают сайты под вордпресс или битрикс. Нужен все равно и чистый js и фреймворк
2.01.24 - первое видео в этом году. Настроение бодрое!!! Хочу учиться. Мои первые полезные новогодние каникулы.
Ну как, не забросила?
Самое крутое ощущение,когда получается сделать самостоятельно все задания!Вы лучший!:)
как успехи?
Если кто смотрит сейчас: вместо createRef, используйте useRef
const ref = useRef(null);
Ну и дальше ref.current.value ...
(createRef выдает ошибку -_(0.0)_-
У меня работает с createRef(), может, ты забыл импортировать import React from "react"; ? У меня тоже сразу выдало ошибку, но после того, как в этот документ (MyPost) вверху добавила импорт, всё заработало.
Крч, если ошибка такая:"Failed to compile src/components/Profile/MyPost/MyPosts.jsx Line 17:24: 'React' is not defined no-undef" , то дело точно в импорте.
@@in_the_fox_fur либа реакта импортирована была, точный текст ошибки не помню,
, но принцип работы одинаков use и create. В доках тоже ссылаются друг на друга.
делал в начале через createRef в tsx не работало гугл впервые не помог, перешел на js все переписал createRef не работает от потерянных 4х часов начинает гореть пздц нахожу твой пост пробую - работает
пытаюсь понять в чем проблема пишу обратно createRef и все ЗАРАБОТАЛО вот как так то =/
@@nekr5815 то же самое :)
@@nekr5815 я так понял, что useRef - это хук, столкнулся с ошибкой от хука useRef сегодня, переписал на create и все работает -_(0.0)_-
Ti geniy bratan ;) krutie uroki ! 01.10.2020 Baku.
Наконец-то отошел от новогодних праздников и со свежими силами бомбим дальше!
Только запомнила эти обращения и события, теперь надо забыть😅
Смотрю в 2024 всё круто Димыч ты молодец
Особенно нравится "вталдычивание" основ из выпуска в выпуск. Повторение - мать учения.
Ну и разжевывание инфы.
Благодарность тебе, свой человек Димыч.
Димыч, это тебе спасибо за React and Redux и за то, что ты делаешь)
Благодарю! Идем дальше!
Последовательность необходимых действий при просмотре видосов выполнена. Отточена до автоматизма!
То, что еще несколько недель назад пугало, сейчас кажется таким понятным. Спасибо!
Прекрасно. Так спокойненько, никакой спешки, прямо одно удовольствие.
это если не смотришь на скорости 2х
Раньше думал: 60к просмотров - 60т. человек посмотрели
Теперь: 600 человек пересмотрели по 100 раз, чтобы запомнить
В своё время плюнул на ванила-JS из-за отсутствия классов и инструментов отладки. Недавно решил снова узнать, что там нового в JS и был удивлен не только наличием классов в языке, но и количеством мощных фреймворков. Выбрал React только из-за автора. Очень крутые уроки. Быстро, чётко, без вопросов, как удар катаны. Фшух-Фшух-Фшух!
10.24.2022 the most crucial thing - a little steps in studying. Dima, thank you very much!
Наконец-то понял, для чего нужны эти Рефы, сколько не искал, не мог понять, Спасибо, Димыч!
Рефы отлично объяснил. В официальной документации вроде то же самое написано, но настолько сухо и неинтересно, что воспринять намного сложнее. МолотоК!
Прохожу курс во-второй раз, и теперь домашки делаются легко и с удовольствием, и, главное, с пониманием. React JS - onClick, ref, VirtualDOM.
Сэнсэй, очень нравится твой подход, делаю записи, пересматриваю видео, да и в каждом новом видео ты даешь небольшие повторы! Спасибо тебе! И как всегда все на высшем уровне! Лайк!
пишу в первый раз за тридцать выпусков, спасибо за такой классный курс! засела над домашкой с прошлого урока на неприлично долгий срок, теперь готова снова приступить к учебе)
Дима! Спасибо за крутейший контент !!
Спасибо! Я честно выполняю домашки с каждого урока и потом иду дальше :)
Круто! Идем дальше
переписал с начала. дальше все по конспекту. когда переписываешь своими мыслями - все становится понятно.едим дальше
2024/01/20 привет самураям =) ts потребовал типизировать Ref, спасибо webstorm, реально больше и удобнее подсказывает) и спасибо it-incubator, благодаря которому я все-таки перешла на WS =) и вообще, спасибо it-incubator!
Хотел бы дополнить Димыча)
Когда нужно отслеживать какой то блок событий, то все внутренности лучше оборачивать в тег и на него уже вешать ref. А за пределами функционального компонента, создать переменную через let, потому что она будет постоянно обновляться. Допустим content. И в форме запишем так, ref={event => content = event}. Таким образом в контенте у нас всегда будет лежать дерево событий, к которым мы можем легко обратиться и строить логику дальше... На данный момент без рефов никуда, но данная схема считается нормальной практикой.
Как то так) Если где то не прав, прошу меня поправить. С меня как всегда лайк!
Спасибо за дополнения, Дим. Но меня терзают смутные сомнения!))
А что произойдёт по этой схеме, если ты отрисуешь одновременно 2 одинаковые компоненты на странице? Функция одна в описанном тобой сценарии, вызовов одновременно 2... Чуме будет равен content?
@@ITKAMASUTRA Вешать на каждый инпут айдишник и по нему потом цеплять... Или на каждый инпут вешать вывод события. Примерно так onChange={() => console.log(event.target.value)}. Реф, я так понимаю, используется для отправки формы на сервак. Посла нажатия допустим на кнопку, запихиваем в джейсон и отправляем всё ДОМ дерево... А для всей активности в рендере, используются события форм, ну и сетСтейт. Не прав?
Задание сделано сразу и без единой запинки, даже не подсматривая в то, что мы делали до этого. Спасибо за урок, уверенность растет.
да тут и запинка не нужна, вот ты бы так написал о прошлом задание, где блок friends. Кстати, как дела в жизни?
доступно объяснил про событие на кнопке и ссылке на инпут, спасибо!) все получилось, иду дальше!)))
Хорошо, что напоминаешь про лайки и комменты) после просмотра можно не вспомнить, тк обрабатываешь инфу) все круто!
Спасибо с каждым выпуском всё интереснее становится.
спасибо за рассказ о VirtualDOM и работе ref в ReactJS!)
У кого ошибка 'React' is not defined no-undef, тот наслушался советчиков в начале курса о том что не нужно в новой версии импортировать в компоненты import React from 'react'; и забил на это дело в дальнейшем! Так вот просто добавьте эту строчку в самом верху и всё заработает
Спасибо!
да реально тоже нигде не писал импорт реакта. Но тут принцип как и с другими элементами. Если какой то элемент не используешь, то и импортировать видимо незачем его лишний раз.
Спасибо, лечу дальше. Полет нормальный!
Лучшие уроки по React & Redux !!!
The BEST!!! lessons of React & Redux!!!
Programming and Coding!!
Спасибо Димыч!
май 2022, лечу :)
С этого видоса начинается усложнение, очень интересно! круто! реакт ван лав
Все работает, главное смотрите, что объявление переменной text происходит внутри функции addPost
Димыч, лето 2021, твои уроки актуальны как и раньше. огненный огонь!
Домашку выполнил самостоятельно, добавил sidebar . То чувство когда наступает просветление и понимание всего происходящего. Спасибо Димыч! Ты - зажигалка!
Все отлично, идем дальше!)
28/08/2023 день 22, круто, все получилось. спасибо за урок! #createref
Невероятно доходчивый курс, спасибо!! В 2022 году все абсолютно актуально )
как успехи
@@ДанилДмитриев-я5м сейчас на 90м уроке, два пет-проекта сделал и развернул для собесов. Параллельно этому курсу прохожу HTML-академию - без понимания верстки сложно сделать нормальный пет-проект. Работу пока не искал, но у меня есть (я 1Сник), так что в этом плане не спешу
Спасибо! Все очень доступно объясняете. Оставляю комменты для продвижения канала. 🙂
Дмитрий, спасибо за уроки. приступила к твоему курсу после паузы на основном обучении, на контрасте твои видео, как мед для ушей. все четко и понятно: где скобки ставим, почему не ставим + дополнительно пояснения к нативному js. спасибо!!!
мой путь самурая 05-01-2023. д/з сделано!
Благодарю за подробные разъяснения, особенно про Virtual DOM
Димыч, всё круто и понятно! Особенно радует подача, всякие словечки типа "кабдзда, белиберда, краказябры" ). Это вносит некую лёгкость в понимание материала. Не пожалел времени проставить лайки на всех выпусках, хоть и дошёл пока до данного видео. Инкубатор, самураи - летим!)
интересный подход, сначала учат, делай так!
ты такой, огонь, я это умею, а потом раз, так больше не делай, делай так!!!
Прикольная штука!)) Спасибо за видео!!!)
Димон, потихоньку топаю с тобой вперёд
2:20 - Ну в этой ситуации мы просто наше э к это самое мы уже... Здесь наши полномочия всё... Окончены
:))
2021 г. июнь - спасибо Димыч за познавательные видео! Все понятно и круто!!! Идем дальше.
рефы понятны, идем дальше) Спасибо за твой труд!
Димыч спасибо за глубокое представление концептуальных и архитектурных вещей
Еще один кирпичик знаний), спасибо Димыч)!
Справился с заданием. Не подглядывая, работает) насколько верно, узнаю в следующем уроке)
Спасибо!))
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
Just like! Very
beautiful and useful video!
Спасибо большое, вся информация сразу укладывается в голове и не забывается(конечно же, при должной практике)!
Дима, благодарю тебя. Это карма, пусть вселенная к тебе чаще прислушивается и дарит тебе подарки, которых ты достоин!
Спасибо за доступное объяснение ref!!! Единственное видео, на мой взгляд, где так ДОХОДЧИВО объясняется. Очень пригодилось!
2022. Спасибо за понятное и доступное объяснение!
Димыч спасибо за крутые уроки. Они все еще актуальные.
Салам из солнечного и горного Кыргызстана.
Будешь в наших краях, дай знать - гостем будешь
Спасибо) Храни тебя высшая сила!
Димыч, красава! очень всё интересно! 2023 год - ЛЕТИМ!=)
Огонь. Продолжаю. С OnClick и ref все понятно. Про DOM пока непонятно, ранее не читал. Каюсь, что не выполнил задания с 29 урока, забуксовал на ссылках на картинки. Рассчитываю, что дальше с этим разберусь. Здесь задания сделал. Спасибо!
Димыч, спасибо за старания! не всегда получается сделать самостоятельно с первого раза, но я сижу и стараюсь разбираться дальше)
Спасибо за занятие!
Круто, грамотно и с мотивацией на будущее.
08.2021 Димыч твои курс снится ночью уже , спасибо за твой труд
Летим дальше. Спасибо за мотивацию!
Однозначно летим дальше, Дима! Все круто и огромное спасибо за курс)
31 -34 пересмотрел два раза, добавил кнопку с выводом новых сообщений в диалогах )
Спасибо за старания, Дима! Все человеческим языком, понятно и просто! Вот почему таких, как ты не встретилось, когда я был помоложе?!)
Этот выпуск как и вообще курс, вызывает ассоциацию с хорошо написанной книгой. Которую я обязательно после прочтения буду использовать как справочный материал.
продолжаю долбить реакт, выполняю все задания которые говоришь, спасибо за такой контент
Да... про рефы очень доходчиво. Наконец-то!
Спасибо Димыч!
О! новое дз.. супер-супер!
Thank you for the lesson!
Отличный урок по React Javascript DOM onClick. Спасибо, Димыч
Отличное изложение глубоких взаимосвязей элементов и БД!
Спасибо №31! Всё отлично объяснил, летим дальше
Задание изи!!Спасибо большое!все очень понятно в этом уроке,как и всегда,впрочем!
Чем больше над этим работаю, тем больше понимаю. Димыч, спасибо.
Смотрю в 2020 году, есть опыт разработки на JS, но фреймворк другой, и вот что хочу сказать. Это волшебно. Так понятно, так доступно. Спасибо большое за проделанный труд!
thx, поднимаем тебя в топы!
Ох, хорошо колбеки пережевал... Мне бы такое объяснение пару лет назад))))) Красава
Было бы круто выпустить видос гайд по курсу. Что из этого курса уже не используют и рассказать что использовать нужно сейчас)
Видос класс. Работал только с нативным js и то что, говоришь прям взрыв мозга. Спасибо, что уделяешь много внимания на важных концепциях реакта. Без этого никак
Спасибо Димыч за проделанную работу. Реально мотивируешь
Димыч рождён для того, чтобы обучать!!! Вшух вшух вшух.
плюсик для лучшего ранжирования =)