Сайт портфолио на React JS урок для новичков. Базовый вводный курс в React для начинающих

Просто и доходчиво. Так и надо! Лайк

Thank you very much. GREAT JOB!

Юра, спасибо огромное! Классно обьясняешь..давайте еще что-то по реакту на часов 5-6).Отличный урок хотя бы смог запустить и многое понять!

И нахрена так сложно для портфолио.

Народ, сделал всё как на видел, но в конце у меня появилась такая ошибка:

Uncaught SyntaxError: "undefined" is not valid JSON
at JSON.parse (<anonymous>)
at getStorageValue (useLocalStorage.js:5:1)
at useLocalStorage.js:11:1
at mountState (react-dom.development.js:16986:1)
at Object.useState (react-dom.development.js:17699:1)
at useState (react.development.js:1622:1)
at useLocalStorage (useLocalStorage.js:10:1)
at BtnDark (BtnDark.js:12:1)
at renderWithHooks (react-dom.development.js:16305:1)
at mountIndeterminateComponent (react-dom.development.js:20074:1)

При чем только в Хроме. В Опере работает всё нормально. В чем проблема?

Спасибо за отличное видео и лбъяснение. Очень понравилось!
Моглибы вы подсказать, какие действия нужно сделать вконце, чтобы выложить проект на vercel или gitHub, чтобы работало.

А как же выложить сайт на реакте для всеобщего обозрения???

Кто-нибудь может подсказать как присваивается isActive? Что-то не получается разобраться

Спасибо! Полезный урок! Просьба сделать урок по Next.js

Комментарии похожи на накрученные, очень много воды и медленно вме делает, компоненты можно создавать с помощью снипета rfc, там и нащвание подхватит и авто экспорт идёт

Один я думал что у меня видос лагает?

Юрий, спасибо, очень полезный урок для начинающих изучать React!

Благодарочка от души за такую понятную подачу материала!👍👍👍 Я после платных курсов по фронтенд, наконец-то доделал резюме, вспомнил реакт😄🤝

Взял готовую разметку и в начале запихал на проект. С нуля такой не сделал, слабо?
Дизлайк. Видимо, сам себе комментарии пишет, клоун.

Спасибо!Крутой видос!Это мой первый опыт с React!Но мне уже нравиться!Благодаря таким видео желание продолжать учиться не пропадает а наоборот растет!Спасибо большое!Очень хотелось бы увидеть у вас курс по React!Ещё раз огромное спасибо за то что обучаете людей!

очень ценный урок, спасибо тебе бро

офигенный урок по Реакту, впервые все так прозрачно и понятно) Спасибо огромное, теперь бы еще получать данные из бд, а не переменной будет вообще пожар)

Нельзя такое видео оставить без комментария. Спасибо огромное за такой подробный урок.

Самое смешное, что люди реально это добавляют себе в портфолио. Хотя это больше практика, которая позволяет ознакомиться с процессом лишь на первом этапе обучения, а портфолио нужно создавать самостоятельно, не опираясь ни на какие видео вообще. Когда вы сами все делаете - вы учитесь мыслить как разработчик, а когда вы повторяете за другими - вы просто не растете, а топчетесь на месте.
Реально, весь GitHub завален такими работами, где у разных людей одно и то же портфолио. Это ужас.

Супер!!! Все доступно и понятно , спасибо!!!

Пушка-гонка, Юрий! Давай вот такого побольше и почаще! Погнали заделаем сервис по билетам, отелям, бронированию машин на React+Redux+TS будет бомба!

Замечательные уроки, курсы, прям вот получаю удовольствие от разработки. Единственно хотелось бы попросить, ну будущее при монтаже видео уменьшать звук включения заставки ВебАкадеми на оранжевом фоне. Когда смотришь в наушниках это прям врезается на фоне голоса Юры. Пожалейте слух своих подписчиков =)

Спасибо вам огромное!
Мне понравилось как вы объясняете. Чоң рахмат!

Thanks you, very good content!

Смотрю ваши уроки с удовольствием, объясняете очень хорошо. Огромное спасибо! (Ссылка на сайт школы битая ....)

Спасибо большое за урок! Все понятно и просто )

Впервые за три года изучения нашел видео ролик, в котором все подробно и понятно описано. С помощью вашего видео я понял что такое React. Надеюсь в будущем увидеть еще ваши видео по React разработки!

Обьясните пожалуйста как работает isActive на смене классов при переходе по другим ссылкам, это встроенный метод у React или что?

Спасибо вам за этот урок теперь я понял как нужно переносить вёрстку и работать с ней в react.

Спасибо!

Очень классный урок, все очень понятно, вы ооооооочень круто объясняете, спасибо вам, продллжайте снимать React.

Очень крутой контент для новичка!!! Еще было бы интересно как реализовать на реакт модальные окна (с разными вариантами: вызов формы связи, открытие картинок в отдельной модалке, и модалка в нутри модалки), так же интересно было бы посмотреть реализацию форм связи, и третья идея для урока это добавление стилей через "modul" (думаю поняли о чем я...... когда реакт автоматом генерирует уникальные стили). Спасибо за видео!!!

Лучший, объясняй так по подробнее дальше

30 лет назад придумали инсталяторы и батники .
Но до сих пор юзаем командную строку полчаса для установки программ:)

Спасибо! это первое видео по которому я изучаю React! Именно его мне посоветовали для старта! 🤘

При команде npm start, во время открытия приложения, терминал выдает npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Кто может подсказать, как решить вопрос?

Большое спасибо! Благодаря вам перенес на реакт свой сайт портфолио и дополнил его функциональность!

Было бы просто прелесно что бы вы показали как дальше npm run build и опубликовать на гит хаб а то что то он после билда не хочет работать

Спасибо за урок! Какая у вас тема в vscode?

почему файлы с JSX кодом имеют расширение .JS ?

Юрий вообще МОЛОДЕЦ!!! Учу React по его урокам. Все доходчиво. Спасибо огромное!!!

Подскажите пожалуйста как вы сделали большие отступы на боковой панели vs code?

Спасибо огромное за такой урок! Очень полезные и приятные видео) Сейчас много изменений из-за новой версии 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;
}

Юрий, спасибо за годный контент) Из пожеланий хотелось бы, чтобы в проекты на React вы добавляли и typescript. Так как без typescript сейчас в работе никуда. Он везде требуется.

Редко такое, чтобы я по своей воле писал комментарий, да еще и положительный. Тот случай когда неудержаться) С первых минут поставил лойз и далее не был разочарован. Посмотрел полностью как фильм) Первое знакомство и с React и с каналом ВебКадеми. Супер подача для чайников, все понятно. Надеюсь в будущем будет больше ваших туториалов с таким внятным донесением информации 👍🏼

Спасибо! Почти всё понял несмотря на то, что не смотрел предыдущий урок)