Впервые за три года изучения нашел видео ролик, в котором все подробно и понятно описано. С помощью вашего видео я понял что такое React. Надеюсь в будущем увидеть еще ваши видео по React разработки!
Так...В целом видео очень хорошее и дает представление новичку как можно перейти на реакт. Главное повторять за автором шаг за шагом и внимательно слушать что он говорит. Ну, а если такой подход к разработке зайдет, то можно и глубже в реакт погружаться. Если несколько советов из личного опыта касательно этого видео: - не используйте CRA, В рамках одного видео, для понимания, да, можно. Если погружаться дальше в разработку, то используйте Vite(к примеру). CRA больше не поддерживается, у него нет обновлений, а значит и могут быть проблему с установкой новых модулей и уязвимостью. - импортирование функции работает и когда файл с ней закрыт. Главное чтобы экспорт был прописан, а откуда ее взять vscode сам знает. К тому же не обязательно перед использованием фукнции или хука, его импортировать руками. Можно просто начать писать useState к примеру и после введения use, IDE уже сама вам начнет предлагать варианты импорта - это называется реакт фрагмент и если говорить простым языком, то он дает понять компилятору реакта, что разметка которую вы в него помещаете, будет являться частью какого-то другого блока. Это очень удобно при разработке универсальных компонентов или частей интерфейса - browserRouter лучше использовать в корневом файле, т.е main.js. Если у вас в приложении будет несколько Routes, то не придется browserRouter прописывать для каждого. К примеру эту ситуация может возникнуть когда у вас есть шапка, навигационное меню в личном кабинете или на выдаче товаров. Нужно стараться избегать дублирования кода....ну а если как в примере, то можно и так как показано делать. В документации кстати указаны оба варианта, значит можно - для реакта лучше использовать css модули, они позволяют более гибко жонглировать стилями и не создавать лишних переменных, но это опять же...ситуативно.
Спасибо!Крутой видос!Это мой первый опыт с React!Но мне уже нравиться!Благодаря таким видео желание продолжать учиться не пропадает а наоборот растет!Спасибо большое!Очень хотелось бы увидеть у вас курс по React!Ещё раз огромное спасибо за то что обучаете людей!
Юра, спасибо огромное! Классно обьясняешь..давайте еще что-то по реакту на часов 5-6) по-жа-луй-ста) сам же видишь такого рода видосы популярны...как например JS за 6 часов..такие видосы помогут раскрутке канала..
Решил просто посмотреть как пишут на React и вдруг осознал как лучше писать на Blazor. Благодарствую. Кстати урок интересный мне понравился и как абсолютно не знающему React был понятен.
Редко такое, чтобы я по своей воле писал комментарий, да еще и положительный. Тот случай когда неудержаться) С первых минут поставил лойз и далее не был разочарован. Посмотрел полностью как фильм) Первое знакомство и с React и с каналом ВебКадеми. Супер подача для чайников, все понятно. Надеюсь в будущем будет больше ваших туториалов с таким внятным донесением информации 👍🏼
офигенный урок по Реакту, впервые все так прозрачно и понятно) Спасибо огромное, теперь бы еще получать данные из бд, а не переменной будет вообще пожар)
Как человек, который играл на концертах в барах, могу сказать: 6:01 - у нас есть специальные наушники потому что ты ходишь по концерту и можешь плохо слышать себя,они заглушают всё, и ты слышишь только себя. Они работают как затычки фактически. Что касается того, что он был не заинтересован в скорой помощи - да, это уже пофигизм. Про поднятие охраны: возможно, человека уже спасали, и поэтому он начал говорить «еее» одновременно как часть шоу и как подтверждение, типа «молодцы». Насчёт бита: на большинстве концертов всегда играют минусовку или какую-то песню, чтобы людям не было скучно. (Не за все говорю)
Маестро благодарю! Классно объясняешь..давайте еще что-то по REACT на часов 5-6 please сам же видишь такого рода уроки популярны...как например JS за 6 часов..такие уроки помогут раскрутке канала..
Замечательные уроки, курсы, прям вот получаю удовольствие от разработки. Единственно хотелось бы попросить, ну будущее при монтаже видео уменьшать звук включения заставки ВебАкадеми на оранжевом фоне. Когда смотришь в наушниках это прям врезается на фоне голоса Юры. Пожалейте слух своих подписчиков =)
Видео годное. По поводу файловой структуры - имхо можно было бы использовать модульный css в файлах компонентов, чтобы компонент был независимым и никакой другой разработчик случайно не переопределил стили этого компонента и не сломал дизайн. Но эти решения для больших проектов, где пилят несколько девелоперов. Все дело в уникальности названий классов, потому что правила для класса с тем же именем, следующие ниже в общем css, переопределят верхние правила - и все поломается.
Юрий, спасибо за годный контент) Из пожеланий хотелось бы, чтобы в проекты на React вы добавляли и typescript. Так как без typescript сейчас в работе никуда. Он везде требуется.
Очень крутой контент для новичка!!! Еще было бы интересно как реализовать на реакт модальные окна (с разными вариантами: вызов формы связи, открытие картинок в отдельной модалке, и модалка в нутри модалки), так же интересно было бы посмотреть реализацию форм связи, и третья идея для урока это добавление стилей через "modul" (думаю поняли о чем я...... когда реакт автоматом генерирует уникальные стили). Спасибо за видео!!!
Спасибо за ваши уроки, они прекрасны и по содержанию, и по подаче! По данному уроку возник вопрос, будет ли работать трюк с local storage на мобильных устройствах? И вообще возможно ли реализовать подстройку под системную тему пользователя без local storage?
@@dina8700 Спасибо) На мобилках работать будет. local storage здесь нужен только чтобы запомнить выбор пользователя. Можно и без него обойтись и по умолчанию включать системную тему.
Спс за урок! Думал что все же сделаешь в конце кнопку загрузки файла CV (хотя уже сам сделал, минутное дело оказалось). P/S А я вот все никак не мог привыкнуть к твоему стилю некотрых названий, я про повторяющийся project.js и style.css Ну то такое поменял под себя чтобы не путаться.
@@maryouchie ток увидел, да там же просто линк на тег a повесить нужно! Я cv разместил на гугл диске и вписал линк уже на версию загрузки(как такой делается можно нагуглить)
Большое спасибо! Почему у вас нету доступа к вашим платным курсам из Кыргызстана? На анкете в вашем сайте не могу указать номер Кыргызстана. Хотел бы купить у вас полноценный курс по фронтэнд.
@@Паша-ы9й8щ на GitHub Pages в принципе можно выкладывать готовую сборку, грубо говоря только готовый html, css, js. Но сайт лучше деплоить на какой-либо бесплатный хостинг например Vercel
Юрий подскажите пожалуйста по переносу строку кода, у вас код к примеру тэги li идут в одну строку, а у меня форматирует их с переносом, я пытался настраивать претьер на большую ширину строки но это не сработало. Как сделать чтобы не было лишних переносов ?
если установить create-react-app глобально, то пакеты будут той версии, которую мы установили при create-react-app и через некоторое время при запуске create-react-app у нас будут не свежие пакеты а те что когда то мы сохранили глобально ?
Спасибо огромное за такой урок! Очень полезные и приятные видео) Сейчас много изменений из-за новой версии React Router DOM(v6) так что вот еще один из вариантов реализовать прокрутку при переходе на другую страницу import { useEffect } from "react"; import { useLocation } from "react-router-dom"; export default function ScrollToTop() { const { pathname } = useLocation(); useEffect(() => { // "document.documentElement.scrollTo" is the magic for React Router Dom v6 document.documentElement.scrollTo({ top: 0, left: 0, behavior: "instant", // Optional if you want to skip the scrolling animation }); }, [pathname]); return null; }
Привет,а как можно ли объединить ключи в объектах(есть 5 вариантов ответов на вопрос,человек нажимает на любой из них и каждый ключ увеличивает свое значение на 1)(есть допустим ключи a,b,c,d,e и вот человек нажал на любой ответ и счетчик во всех ключах перешел от 0 до 1)?
Если есть возможность ответить автору или кто делал проект по данному уроку, как правильно выкладывать его на gitPage или хостинг, я то знаю как это делается с обычными верстками, Gulp-сборками, но с этим возникли нюансы, выложить его то смог - но открывается он почему-то с пустой страницы и при перезагрузки страницы появляется ошибка 404! Что-то с путям наверное, но не пойму как правильно сделать. P/S Уже разобрался
Всем привет! Ребят тоже проблема с выкладкой проекта в гит. При первом переходе по ссылке, основная часть сайта белая (пока не выберешь любую из вкладок) но если обновить страницу с любой из вкладок, то вылетает ошибка 404.
![[#2024MAMA] ROSÉ (로제), Bruno Mars - APT. | Mnet 241122 방송](http://i.ytimg.com/vi/dgGqD28J6aQ/mqdefault.jpg)
Впервые за три года изучения нашел видео ролик, в котором все подробно и понятно описано. С помощью вашего видео я понял что такое React. Надеюсь в будущем увидеть еще ваши видео по React разработки!
Так...В целом видео очень хорошее и дает представление новичку как можно перейти на реакт. Главное повторять за автором шаг за шагом и внимательно слушать что он говорит. Ну, а если такой подход к разработке зайдет, то можно и глубже в реакт погружаться. Если несколько советов из личного опыта касательно этого видео:
- не используйте CRA, В рамках одного видео, для понимания, да, можно. Если погружаться дальше в разработку, то используйте Vite(к примеру). CRA больше не поддерживается, у него нет обновлений, а значит и могут быть проблему с установкой новых модулей и уязвимостью.
- импортирование функции работает и когда файл с ней закрыт. Главное чтобы экспорт был прописан, а откуда ее взять vscode сам знает. К тому же не обязательно перед использованием фукнции или хука, его импортировать руками. Можно просто начать писать useState к примеру и после введения use, IDE уже сама вам начнет предлагать варианты импорта
- это называется реакт фрагмент и если говорить простым языком, то он дает понять компилятору реакта, что разметка которую вы в него помещаете, будет являться частью какого-то другого блока. Это очень удобно при разработке универсальных компонентов или частей интерфейса
- browserRouter лучше использовать в корневом файле, т.е main.js. Если у вас в приложении будет несколько Routes, то не придется browserRouter прописывать для каждого. К примеру эту ситуация может возникнуть когда у вас есть шапка, навигационное меню в личном кабинете или на выдаче товаров. Нужно стараться избегать дублирования кода....ну а если как в примере, то можно и так как показано делать. В документации кстати указаны оба варианта, значит можно
- для реакта лучше использовать css модули, они позволяют более гибко жонглировать стилями и не создавать лишних переменных, но это опять же...ситуативно.
Спасибо за информацию. Приятно видеть такие советы когда ты новичок
Юрий, вы человечище! Спасибо большое все понятно и красиво, один из лучших контентов в ютубе на тему фронта)
Спасибо, осталось добавить тайм коды и будет вообще 🔥
Спасибо, это видео буквально спасло меня от депрессии)) когда я застопорилась на некоторых моментах.
Очень полезный урок по Реакту. Грамотно и понятно все показано и рассказано. Спасибо!
Юрий смотрю ваши уроки давно, объясняете очень хорошо. Практика на высоте, спасибо мастер Шифу!
О, круто. Давно хотел изучить React. Жги, Юра!
Спасибо!Крутой видос!Это мой первый опыт с React!Но мне уже нравиться!Благодаря таким видео желание продолжать учиться не пропадает а наоборот растет!Спасибо большое!Очень хотелось бы увидеть у вас курс по React!Ещё раз огромное спасибо за то что обучаете людей!
Спасибо за комментарий!) Да, надо подумать над мини курсом по React на канал.
Юрий вообще МОЛОДЕЦ!!! Учу React по его урокам. Все доходчиво. Спасибо огромное!!!
Юра, спасибо огромное! Классно обьясняешь..давайте еще что-то по реакту на часов 5-6) по-жа-луй-ста) сам же видишь такого рода видосы популярны...как например JS за 6 часов..такие видосы помогут раскрутке канала..
Юрий , выражаю Вам огромную благодарность 😁
Нельзя такое видео оставить без комментария. Спасибо огромное за такой подробный урок.
Спасибо вам огромное!
Мне понравилось как вы объясняете. Чоң рахмат!
Юрий, спасибо, очень полезный урок для начинающих изучать React!
Большое спасибо! Благодаря вам перенес на реакт свой сайт портфолио и дополнил его функциональность!
У Вас случайно данного макета из видео не осталось?
Самый лучший канал на русском ютубе по таким роликам,очень хорошо объясняете,спасибо большое
Жесть конечно, вы просто невероятный человек, спасибо вам большое ! На одном дыхании повторил весь урок. Вы познакомили меня с реактом с нуля)
После этого урока, я понял, как важно иметь порядок в файлах со стилями)
Решил просто посмотреть как пишут на React и вдруг осознал как лучше писать на Blazor. Благодарствую. Кстати урок интересный мне понравился и как абсолютно не знающему React был понятен.
Спасибо вам за этот урок теперь я понял как нужно переносить вёрстку и работать с ней в react.
Спасибо большое! Очень рад, что просмотрел этот урок!
Редко такое, чтобы я по своей воле писал комментарий, да еще и положительный. Тот случай когда неудержаться) С первых минут поставил лойз и далее не был разочарован. Посмотрел полностью как фильм) Первое знакомство и с React и с каналом ВебКадеми. Супер подача для чайников, все понятно. Надеюсь в будущем будет больше ваших туториалов с таким внятным донесением информации 👍🏼
классный подход и подача материала + готовый проект для разбора. спасибо!!
офигенный урок по Реакту, впервые все так прозрачно и понятно) Спасибо огромное, теперь бы еще получать данные из бд, а не переменной будет вообще пожар)
Руки еще не дошли до react, видео очень клёвое. Суть одна это веб компоненты)
Пушка-гонка, Юрий! Давай вот такого побольше и почаще! Погнали заделаем сервис по билетам, отелям, бронированию машин на React+Redux+TS будет бомба!
Спасибо! это первое видео по которому я изучаю React! Именно его мне посоветовали для старта! 🤘
Спасибо! Почти всё понял несмотря на то, что не смотрел предыдущий урок)
только с твоими уроками я начал понимать JS , лучший!!!
Юрий, спасибо Вам огромное за такой контент!!! Для новичков как раз то что нужно!!!!
React router dom очень хорошее объяснение. 👍
Очень классный урок, все очень понятно, вы ооооооочень круто объясняете, спасибо вам, продллжайте снимать React.
Просто и доходчиво. Так и надо! Лайк
спасибо большое, много полезной инфы, которая пригодится в будущем
Спасибо большое за ваш труд, безумно полезно. Вы супер пупер)
Отличное обьяснение для новичка, автору спасибо!
Юра, спасибо огромное! Классно обьясняешь..давайте еще что-то по реакту на часов 5-6).Отличный урок хотя бы смог запустить и многое понять!
Я предпочитаю картинки держать в public , чтобы не было столько заморочек с их импортами. А так респект👍
Лучший, объясняй так по подробнее дальше
Новый уровень. Поздравляю!
Супер!!! Все доступно и понятно , спасибо!!!
Как человек, который играл на концертах в барах, могу сказать:
6:01 - у нас есть специальные наушники потому что ты ходишь по концерту и можешь плохо слышать себя,они заглушают всё, и ты слышишь только себя. Они работают как затычки фактически.
Что касается того, что он был не заинтересован в скорой помощи - да, это уже пофигизм.
Про поднятие охраны: возможно, человека уже спасали, и поэтому он начал говорить «еее» одновременно как часть шоу и как подтверждение, типа «молодцы».
Насчёт бита: на большинстве концертов всегда играют минусовку или какую-то песню, чтобы людям не было скучно. (Не за все говорю)
Спасибо за комментарий. Думаю вы писали его к другому ролику.
Спасибо Огромное за такой Видеоурок, нашел ответы на многие свои вопросы 👍👍👍
Должно быть пушка, щас заценим 👍
Отличный видеоурок спасибо огромное!
Спасибо за урок. Как всегда, все максимально понятно!
Благодарочка от души за такую понятную подачу материала!👍👍👍 Я после платных курсов по фронтенд, наконец-то доделал резюме, вспомнил реакт😄🤝
очень ценный урок, спасибо тебе бро
Маестро благодарю! Классно объясняешь..давайте еще что-то по REACT на часов 5-6 please сам же видишь такого рода уроки популярны...как например JS за 6 часов..такие уроки помогут раскрутке канала..
Спасибо огромное за урок! Всё очень понятно и доступно для новичка.
Замечательные уроки, курсы, прям вот получаю удовольствие от разработки. Единственно хотелось бы попросить, ну будущее при монтаже видео уменьшать звук включения заставки ВебАкадеми на оранжевом фоне. Когда смотришь в наушниках это прям врезается на фоне голоса Юры. Пожалейте слух своих подписчиков =)
Спасибо, приму к сведению.
Видео годное. По поводу файловой структуры - имхо можно было бы использовать модульный css в файлах компонентов, чтобы компонент был независимым и никакой другой разработчик случайно не переопределил стили этого компонента и не сломал дизайн. Но эти решения для больших проектов, где пилят несколько девелоперов.
Все дело в уникальности названий классов, потому что правила для класса с тем же именем, следующие ниже в общем css, переопределят верхние правила - и все поломается.
Спасибо! Полезный урок! Просьба сделать урок по Next.js
Cпасибо, Юрий! Крутой контент!
Спасибо! Надеюсь ролик не удалите, т.к. планирую к нему обращаться еще не раз ))
Ролик будет на канале 👍
Спасибо за видео! Так классно объясняете! Все понятно!
Thank you very much. GREAT JOB!
Спасибо, грамотно и понятно!
Спасибо Вам большое! Огромный труд!
Юрий, спасибо за годный контент) Из пожеланий хотелось бы, чтобы в проекты на React вы добавляли и typescript. Так как без typescript сейчас в работе никуда. Он везде требуется.
спасибо Юрий за урок!)
Спасибо, хороший урок.
Спасибо! Было интересно!)))
Спасибо большое за ролик 👍👍👍, было бы круто если показали как работает реакт с бэкендом
Очень крутой контент для новичка!!! Еще было бы интересно как реализовать на реакт модальные окна (с разными вариантами: вызов формы связи, открытие картинок в отдельной модалке, и модалка в нутри модалки), так же интересно было бы посмотреть реализацию форм связи, и третья идея для урока это добавление стилей через "modul" (думаю поняли о чем я...... когда реакт автоматом генерирует уникальные стили). Спасибо за видео!!!
Думается написать свое можно)
Смотрю ваши уроки с удовольствием, объясняете очень хорошо. Огромное спасибо! (Ссылка на сайт школы битая ....)
Єдине відео, де все чітко зрозуміло.
спасибо за уроки 😉
Спасибо за ваши уроки, они прекрасны и по содержанию, и по подаче! По данному уроку возник вопрос, будет ли работать трюк с local storage на мобильных устройствах? И вообще возможно ли реализовать подстройку под системную тему пользователя без local storage?
@@dina8700 Спасибо) На мобилках работать будет. local storage здесь нужен только чтобы запомнить выбор пользователя. Можно и без него обойтись и по умолчанию включать системную тему.
Спасибо большое за полезный урок 💕
Благодарен вам за ваш труд
Спасбо за урок
оооо! вот это - то что нужно!!!
Жаль что я не к вам в школу пошел)уже бы выучил и разобрал все)
Жаль) Приходите к нам.
Спасибо за контент!
Круто!!! Спасибо!!!
Спасибо Огромное!!Класс
30 лет назад придумали инсталяторы и батники .
Но до сих пор юзаем командную строку полчаса для установки программ:)
Пушка-бомба
Спасибо! Кстати, на винде видео были гораздо плавнее и смотрибельнее)
Не сразу заметил. Но недавно заморочился по этому поводу. Это настройки качества записи. Сейчас подкрутил, чтобы цвета были поярче. В новых исправлю.
Отличный урок
ну ты малчик гигант
Кто-нибудь может подсказать как присваивается isActive? Что-то не получается разобраться
Thanks you, very good content!
Спс за урок! Думал что все же сделаешь в конце кнопку загрузки файла CV (хотя уже сам сделал, минутное дело оказалось).
P/S
А я вот все никак не мог привыкнуть к твоему стилю некотрых названий, я про повторяющийся project.js и style.css
Ну то такое поменял под себя чтобы не путаться.
Подскажите, как вы сделали кнопку загрузки СV? Как раз пытаюсь сделать ее и никак не получается :(
У кого-то получилось? А то я тоже не могу разобраться
@@maryouchie ток увидел, да там же просто линк на тег a повесить нужно! Я cv разместил на гугл диске и вписал линк уже на версию загрузки(как такой делается можно нагуглить)
@@luchi_m ответил комментом выше
Большое спасибо! Почему у вас нету доступа к вашим платным курсам из Кыргызстана? На анкете в вашем сайте не могу указать номер Кыргызстана. Хотел бы купить у вас полноценный курс по фронтэнд.
Подскажите, пожалуйста, название темы в VSC.
Спасибо!
привет ) а Вы не праниуете создать прект на redux , RTK ?
спасибо большое
А как же выложить сайт на реакте для всеобщего обозрения???
Ищем бесплатный хостинг и деплоим)
Например GitHub,
GitHub подойдёт?
@@Паша-ы9й8щ допустим я сделал сайт для барбершопа, то выставить его на гите с доменными именем гита
@@Паша-ы9й8щ на GitHub Pages в принципе можно выкладывать готовую сборку, грубо говоря только готовый html, css, js.
Но сайт лучше деплоить на какой-либо бесплатный хостинг например Vercel
Азан на заднем фоне? Где дислоцируешься?)
Юрий подскажите пожалуйста по переносу строку кода, у вас код к примеру тэги li идут в одну строку, а у меня форматирует их с переносом, я пытался настраивать претьер на большую ширину строки но это не сработало. Как сделать чтобы не было лишних переносов ?
Обьясните пожалуйста как работает isActive на смене классов при переходе по другим ссылкам, это встроенный метод у React или что?
Спасибо за урок! Какая у вас тема в vscode?
Ayu
Юрий, огромное спасибо за работу! такой вопрос: светлая и темная темы не работают на странице Хоум. Где искать ошибку?
Ошибся, все работает, сорри)
@@aleksandrprokudin4715 Уже хотел, что надо смотреть в консоли, есть ли ошибки там. Но вы уже написали что все в порядке. 👍
если установить create-react-app глобально, то пакеты будут той версии, которую мы установили при create-react-app
и через некоторое время при запуске create-react-app у нас будут не свежие пакеты а те что когда то мы сохранили глобально ?
Было бы просто прелесно что бы вы показали как дальше npm run build и опубликовать на гит хаб а то что то он после билда не хочет работать
В след раз сделаем
Спасибо огромное за такой урок! Очень полезные и приятные видео) Сейчас много изменений из-за новой версии React Router DOM(v6) так что вот еще один из вариантов реализовать прокрутку при переходе на другую страницу
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
export default function ScrollToTop() {
const { pathname } = useLocation();
useEffect(() => {
// "document.documentElement.scrollTo" is the magic for React Router Dom v6
document.documentElement.scrollTo({
top: 0,
left: 0,
behavior: "instant", // Optional if you want to skip the scrolling animation
});
}, [pathname]);
return null;
}
Дякую
Круто. Опробовал. Работает =)
Привет,а как можно ли объединить ключи в объектах(есть 5 вариантов ответов на вопрос,человек нажимает на любой из них и каждый ключ увеличивает свое значение на 1)(есть допустим ключи a,b,c,d,e и вот человек нажал на любой ответ и счетчик во всех ключах перешел от 0 до 1)?
Если есть возможность ответить автору или кто делал проект по данному уроку, как правильно выкладывать его на gitPage или хостинг, я то знаю как это делается с обычными верстками, Gulp-сборками, но с этим возникли нюансы, выложить его то смог - но открывается он почему-то с пустой страницы и при перезагрузки страницы появляется ошибка 404! Что-то с путям наверное, но не пойму как правильно сделать.
P/S
Уже разобрался
Привет, у меня та же проблема. Подскажи пожалуйста в чем проблема была?😢
Всем привет! Ребят тоже проблема с выкладкой проекта в гит. При первом переходе по ссылке, основная часть сайта белая (пока не выберешь любую из вкладок) но если обновить страницу с любой из вкладок, то вылетает ошибка 404.
@@sirdi1318 аналогичная проблема. Получилось исправить????
@@sirdi1318 , привет, как исправил данную проблему? там ошибка в консоле что то в Localstorage пишет
привет, подскажи в чем дело было и как разобрался?