@@ВсадникАпокалипсиса-я9е С какой стати? Реакт движется к тому, чтобы стать полностью самостоятельной библиотекой, без сторонних State Management систем. Разработчики отказываются от классовых компонент, добавляют хуки, это всё шаги к самостоятельности и обособленности от других фреймворков платформы
Тем, кто делает сейчас. useHistory убрали, вместо него вы можете использовать useNavigate Было const router = useHistory() Стало const router = useNavigate() Далее, router.push('/path') меняем на router('/path') router.replace('/path') меняем на router('/path', {replace: true}) Если вы хотите использовать state, используйте router('/path', { state: { name:'Xyz' }})
Огромное спасибо автору!!! Проходил React на курсах и много из видео знаю, но твои примеры и советы помогают сложить пазл из каши полученных знаний если не до конца , то на огромный процент!!! Надеюсь ты простишь новичка за некоторые исправления твоего видео)))) 1. Вместо switch теперь необходимо использовать Routes; 2. useHistory убрали в router-dom v6 и заменили на useNavige, в котором по умолчанию исп-ся push 3.exact не нужен теперь 4. в route исп-ся теперь element c указанием компонента, вместо component 5.у тебя в видео при рендере массива роутов идет component={route.component} ; у меня рендер массива роутов заработал только после указания в скобках element={} 6.Redirect тоже убрали вместо него нужно исп-ть Route с переданным в element модуля , пример с моего кода( )) Еще раз - автор не злись))) может кому-нибудь пригодится
Досмотрел до конца , все повторил за тобой, еще много чего не понятно. Потратил так же около 30 часов. Огромная благодарность. Ты сделал большое дело. Сейчас у нас в Украине вакансий практически нет, но мы не унываем продолжаем учится и молимся что бы настал МИР! Ценю твой труд, очень при очень благодарен тебе
Если кто-то собрался смотреть это видео с полного 0 не тратьте время!, для того чтобы получить максимальную пользу выполните следующее: 1- поймите JS любым способом на хорошем уровне 2- Пройдите любой курс по REACT (плохой/хороший долгий/быстрый не важно 3- Приступайте к этому видео и после просмотра каждой темы останавливайте видео пытайтесь сделать сами, гуглите подглядывайте обратно в видео если не получается сделать и так весь курс до победного конца (займет это все примерно от 10 часов до 20) 4- Поздравляю вы знаете и умеете в REACT Если начнете смотреть сразу с 0 без базовых знаний, вы просто не поймете на сколько крутой этот курс. Автору здоровья и большое спасибо! Прошел этот курс и наконец почувствовал уверенность в своих силах в REACT
@@questionsanswer6293 любой который сможешь найти( на ютубе полно), пройди его тебе будет ничего непонятно но потом когда начнешь смотреть этот курс все встанет на свои места
Автор лучший! Огромная работа, разбирался в каждой строчке. Спасибо больше! Так же в связи с датой выхода ролика, помощь молодым выкатываю ниже 36:50 Изменены props и теперь могут выглядит так: Если у кого проблема с Route/react-router v6 то теперь нужно писать так: 2:15:18 2:19:27 Вместо используется 2:20:51 Вместо использовал 2:23:05 (Вместо useHistory() теперь используется useNavigate() const navigate = useNavigate() function transitToPost(id) { navigate(`/posts/${id}`, { replace: true }) } // transitToPost(props.post.id)}> Открыть
2:25:09 Пропс exact больше не нужен 2:34:49(Работа с декомпозицией файлов):AppRouter.jsx return (
{routes.map(route =>
)}
) И файлом router.js У автора это файл по пути ../src/Router/index.js export const routes = [ { path: "/about", element: , exact: true }, { path: "/posts", element: , exact: true }, { path: "/posts/:id", element: , exact: true }, { path: "/", element: , exact: true }, { path: "*", element: , exact: true }, ];
подскажите плз, может чтото изменилось, почему у меня не работает e.preventDefault(), когда пытаюсь поправить кнопку чтоб страница не обновлялась? (50:29)
Тимур, ты бесподобен! Честно признаться, твоё упорство в создании столь объёмного, качественного и разностороннего материала, причём бесплатного, вызывает восхищение! Продолжай в том же духе, ты очень сильно помогаешь! Твои курсы в сочетании с книгами и документацией дают безумно мощную базу.
react-router-dom Обновился до 6 версии. Читайте документацию!!! Если вкратце, появился компонент Routes внутрь него нужно вкладывать Route и в Route нельзя использовать вложенность Пример записи: ( )
Ulbi, прими скромные слова благодарности. Получил мощнейшую информацию за этот ролик, делал все параллельно с тобой, ушло где-то 30-35 часов на всё. В какие-то моменты делал ошибки, искал решения, гуглил, думал уже, что это всё не для меня, но в итоге решал все и продолжал дальше. Огромное тебе спасибо за такую гигантскую помощь. Буду дальше продолжать работать с твоим каналом, это невероятный кладезь знаний
Спасибо большое за этот курс! Невозможно описать, насколько я был рад на него наткнуться. До этого работал с React на реальных проектах, но было много дыр в стилистике написания кода, некоторых нюансах и популярных решениях, по типу поиска, сортировки, навигации и т.п. Этот курс решил все мои проблемы, и теперь я могу писать свой код намного лучше! Огромное спасибо, что Вы выложили подобный материал в бесплатный доступ для простых смертных. Бесконечное уважение и успехов в развитии канала!
Поверь не могу, что люди могут делать столько добра и пользы, сколько в этом курсе. Я в шоке. У тебя какая-то поразительная грамотность в речи, а ход мыслей и уверенность просто впечатляют. Очень круто! Пример!
Наконец таки, теперь, когда меня будут доставать вопросами: "что ты там делаешь?" или "а как научиться?", буду просто кидать это видео😁😁😁 Тимур, спасибо, обязательно досмотрю, проверю свои знания:) Пс: 3 часа видео, нет слов, может прослушал, но ты хотя бы про донаты сказал? А то лайк и коммент услышал, а про донаты пропустил:)
Редко оставляю коментарии. Но тут не могу пройти мимо. Это, наверное, лучший ролик по теме реакта для начинающих во всем рунете. Большое тебе спасибо за такой труд. Тут я узнал больше, чем при чтении официальной документации.
Спасибо Вам за очень качественный контент и проделанные труды. Как мидл что сам учился и просмотрел кучу гайдов, не могу не отметить прекрасный стиль подачи информации. Ваш талант изложения инфы огромен. Я только могу приставить сколько трудов было сделано для сценария такого видео.
@@UlbiTV ох очень зря ты проп назвал onChange точь-в-точь как и атрибут у select onChange, это вносит путаницу и новичку гораздо сложнее разобраться что к чему
Невероятный урок, всё очень подробно, и хотя не все на данный момент работает сейчас так же, как и в видео, но это наоборот подталкивает к самостоятельному поиску информации. Спасибо огромное за такой труд!
Вот же дела, курс совсем свежий, а докуменатция к React router уже изменилась :) Пришлось еще отдельно почитывать, как правильно роуты делать Если вдруг новички будут смотреть и тоже споткнутся, компонент теперь должен обязательно быть завернут в и имеет атрибут element. больше не используется, вместо него всё тот же . Ну и стандартный элемент в конце делается звездочкой. То бишь по итогу внутри у меня получилась такая конструкция:
Знатоки, может, поправят, а я в этом деле новенький тоже. Или последний роут , чтоб не перекидывало, а просто показывало ошибку.
Я потратил неделю своей жизни для самостоятельного изучения реакта, и все мои знания накопленные за эту неделю уложились в первые 30 минут этого видео 😀😀 Прям выжимка информации, очень много вопросов у меня закрылись) Спасибо большое, практически каждое твоё видео - золото!) Крутым делом занимаешься, надеюсь твой твой пыл не угаснет и будешь дальше делать годный контент;) Пошёл смотреть другие твои видео
После того как проделал путь в длинной в неделю вместе с автором хочется пожать ему руку и поблагодарить. Чтобы выпустить такой материал нужно обладать несомненным талантом
Очень толково все: инфа, подача, дикция итд. Мне как начинающему немного сложновато, по этому смотрю это видео как справочник и каждый раз к нему возвращаюсь за пояснениями. Автору огромнейший респект что выкладывает такую бесценную инфу бесплатно.
Какой же этот курс мощный, сегодня начал использовать всё что выучил на курсе и это прям вау, не представляю насколько тогда офигенен 'Продвинутый Frontend'
Просто супер, нет слов насколько это было полезно, понятно, последовательно, не скучно и интересно. Спасибо за твой труд!!! Это бесценно))) Это самое идеальное видео, которое я смотрела и слушала. Успехов тебе во всем!!!
Курс, который по праву может называться фундаментальным. Такого четкого объяснения не видел нигде, да и в принципе, чтобы столько функционала затрагивали в одном видео. Большое спасибо за проделанную работу!
Наверное один из ценнейших курсов, наряду с продвинутым React. Узнал как исправить те проблемы, которые встречались в моём проекте и как вообще всё это правильнее реализовать. Спасибо.
Это просто потрясающе. Большинство онлайн-школ за такой курс запросило бы приличные деньги и растягивало его на месяц. Вы сделали невероятную работу, спасибо.
Отличный курс. Только что досмотрел, все закоментил и весь код реализовывал параллельно. Немного надо было погуглить, т.к. курсу уже два года, но за все три часа непрерывного материала это было всего два или три раза. Супер-база! Отличная подача материала. Спасибо!
за два вечера, повторяя все у себя и дополнительно экспериментируя, досмотрел пока только до 56:22, больше не могу ждать и пишу комментарий. Восторгу нет предела! Про чистоту подачи и плотность материала уже 100 раз сказали в комментах, присоединяюсь к каждому! Отдельное спасибо за то, как органично показана эволюция приложения. Новое вытекает из предыдущего именно в тот момент когда само просится а не просто накиданы какие-то абстрактные примеры. ОГРОМНОЕ СПАСИБО за материал, посылаю +500 к карме в этой и следующей жизни.
@@RedkeiGost уффф, местами по разному конечно, но в основном 10-15 минут видео == час реального времени на воспроизведение/осмысление + тесты/эксперименты. Где-то быстрее, где-то может и раза в два медленнее)) Темп видео такой, что кажется автор вырезал даже места где просто делает вдох))
@@Sergey-lg1ke у него просто хорошая техника дыхания. На да, работа по обрезки лишнего большая и тчательная. У меня 35 часов примерно ушло, но я считал то, что шло по непрерывный комм там, т. е. Это не точно и плюс в конце перечитываю коммиты, обдумываю. Т. Е. Вроде время уже посчитано, но работа продолжается, хотя уже и лайтовая
@@Sergey-lg1ke да, имейте ввиду, react-router-dom обновил апи и код из курса уже не работает. Не ищите ошибку у себя, сразу идите в доку и копируете оттуда. А концепт сам смотрите в курсе
В 18 версии вместо React.render(...) надо писать import {createRoot} from "react-dom/client"; const root = createRoot(document.getElementById('root')); root.render( , ); Другие изменения тоже погуглите, чтобы не страдать ) Всем успехов! Тимуру спасибо за лучший контент!
@@Logo-e2b только что столкнулся с тем, что не отрисовывает. Терминал говорит о том есть предупреждение. Сделал как сказано в комментарии и сразу всё отрисовалось.
Спасибо большое, 3 часа современного реакта без старого классового подхода, залатал пробелы в образовании. Никаких кошек и самолюбования на заднем плане - очень профессионально
Прошёл. Практически год, как я просмотрел и проделал этот курс. Сейчас в составе команды пилим проект. Считаю что курс помог с быстрым стартом. Спасибо.
Подписался на канал с самого начала изучения фронта, но было очень трудно что-либо понять, т.к. подача рассчитана на уже определенный опыт, но объем материала и его актуальность - это бомба! Спасибо большое автору.
Давно пишу на нативном JS и Vue, теперь потребовалось изучить React. Отличный ролик для ознакомления с данным инструментом, порадовали грамотная речь и обилие инфы. Большое спасибо за труд! Молодец, что в свои годы накопил такой багаж знаний, успехов!
Действительно лучший в своём роде урок! Мне 16, обучаюсь разработке сайтов и приложений, ваше видео это золотая монета сокрытая в интернете. Поверьте, я разбираюсь в контенте. Большое спасибо! Желаю вам попасть в рекомендации и получить хорошие деньги с рекламы чтобы была мотивация.
Великолепная работа. Огромное спасибо автору за детальное объяснение базовых концепций и что зачем где нужно. Однозначно лучший курс по реакту на данный момент.
24:30 Если работаете в VSCode можете поставить плагин ES7+ React/Redux/React-Native snippets, после чего можно написать rfc/ rafce, нажать tab и также как и в вебсторме автосоздается шаблон компонента
а как нужно использовать ? как я понял вместо него теперь , но у меня выходит ошибка в консоли Warning: Maximum update depth exceeded. upd: вот решение
Использование последних технологий, высокое качество кода ( у тебя сразу учишься как надо писать правильно, к этому приходишь только со временем, практикой и опытом), отличная качество видео, четкая и грамотная речь, все структурированное и понятно объясняется. В жизни не видел более полезно видео, да еще и в бесплатном доступе. Потратил около 40 часов, тк не тупо переписывал за тобой код, а смотрел отрывками по 5-10 мин и потом шел сам писать код, вылетали ошибки, что-то не работало, приходилось ковырять и много всего переписывать. Так же добавил добавил пару дополнительных фич и теперь очень уверенно себя чувствую в реакте. А самое главное, что после прохождение данного курса появилось еще больше желания и мотивации двигаться и развиваться дальше, пилить новые проекты и изучать новое!!! Огромное тебе спасибо за невероятный контент и всю огромную проделанную тобой работу!
Лучший ролик о реакте, который я когда либо видел. Объяснения вплоть до каждой детали. Тимур, большая благодарность за твои труды. Контент твоего канала очень зрелый, отлично структурирован, и в этом видно, что ты вкладываешь большое количество труда, чтобы донести суть до своих подписчиков
Спустя 3 дня маленькими шагами досмотрел этот курс, скажу честно, если бы я до армии что то не писал на реакте то этот курс мне бы очень тяжело дался + ты все очень быстро делаешь) но как ты сказал с 1 раза врятли кто то освоит. Так что спасибо за твой труд, буду стараться применять твои знания в дальнейшем!
авхвах, меня сейчас забрали в армию и я должен стоять на вахте, раз в 3 дня, и я думал что моя карьера закрыта, но тут ты после армейки продолжаешь обучаться, хорош!
4 дня смотрел этот курс и только закончил. И в конце, когда Тимур сказал, что он готовил этот материал 40 часов - я а4yел просто. Вот это да!!! после пройденного курса от ЯП данный материал просто подарок. Очень много того, чего требуется в тестовых сейчас, есть в этом интенсиве. Тимур, огромное спасибо за данный материал.
Начиная с 17 реакта не нужно писать везде import React from 'react'. Для чистки ненужного импорта можно использовать npx react-codemod update-react-imports. Кроме того больше нет смысла в расширении jsx, только если это не typescript, тогда используется tsx.
Смысла конечно нету, однако не совсем. Расширение js дает также разработчику навскидку понять, что документ не содержит jsx. Когда проект большой глаза реально разбегаются, и простой значек с расширением сильно помогают отличить чисто скриптовый документ с документом, в котором есть разметка.
Круто! Спасибо! А можно Тебя попросить, разобрать такие моменты, как оптимизация (реакт кода, страниц приложений и прочее). Если конечно имеется в этом экспертиза.
Готовлюсь к собеседованиям, решил пересмотреть, чтобы освежить память. Спасибо за этот курс ! 🚀Full React Course , React JS фундаментальный курс от А до Я
@@astkh4381 уже прошёл несколько технических и тестов с CodingGame. Ну большинство рекрутеров говорят,что типа опыта нет в кампаниях, поэтому вашу кандидатуру не можем продвигать😂 другие сказали,что тесты сдал , но вакансий пока нет. Это я пока отправлял заявки не в какую-то конкретную компанию а в агенства, которые ищут девелоперов, чтобы в фирмы устроить. Прошёл один тест в компанию, сказали, что мой код слишком junior для них, без каких то объяснений 🤷🏻♂️ я попросил CTO, чтобы мне хотяб сказали , что им не понравилось, но ответа не было 🤷🏻♂️ Сейчас я решил сделать маленькую паузу, подтянуть пробелы, и через пару недель снова вперед 🚀 в этот раз буду уже заявки отправлять в конкретные компании, там и посмотрим чего мои знания стоят 😂🚀#neverGiveUp
Огромная благодарность автору! Настолько разжевать материал и вместить информацию в 3 часа, проделана колоссальная работа. Для старта в React - самое то!
Тимур, спасибо огромное! Делал параллельно все как ты, периодически рисовал схемы, писал конспект, в коде писал комментарии. Так вот, хочу сказать, что благодаря тебе и тому, что внимательно, "от корки до корки" прошел этот видео-курс, у меня в голове очень многое улеглось. Ушло на все около 3-х рабочих дней) Премного благодарен!
Господи, как же все понятно, уже смотрю второй раз и все так же на одном дыхании. Смотрел в первый раз с телефона и только слушал т.к не было возможности кодить, щас смотрю второй раз но уже и что-то пытаюсь сделать в редакторе, и ощущение, интерес точно такой же как и при первом просмотре. Спасибо вам!!
Тут без перебільшення є все основне для вивчення React. Крім того відразу зрозуміло, що автор зробив величезний об'єм роботи! Щиро вдячний автору за цей курс!!
@@UlbiTV видео классное, спасибо. Для практики вот с этими знаниями из курса, чтобы закрепить какой твой проект подойдет? Магазин там, или Спотифай. Просто сразу лететь дальше в TS или Redux не закрепив это на каком-то проекте наверно не стоит?
Спасибо за курс. дошел до browser router тут как я понял изменилось немного - route оборачивать теперь надо в Routes, а сами route записывать так гуглить поидее все должны уметь но вдруг кому то поможет) ps в этом разделе с выходом 6 версии довольно много поменялось, редирект тоже по другому, useHistory убрали
Первый, но точно не последний просмотренный курс на этом канале. Полтора года опыта разработки на Реакте, зашёл освежить знания для собеседований, какие-то паттерны оказались знакомы по рабочим проектам, но и кое-что новое узнал. Спасибо за труды!
@@UlbiTV В части "Работа со списками. Преобразование массива" у меня повляется ошибка TypeError: Cannot read properties of undefined (reading 'id'). Можете помочь пожалуйста что я не так сделал. Это ошибка появляется когда {posts.map(post =>
![[#2024MAMA] ROSÉ (로제), Bruno Mars - APT. | Mnet 241122 방송](http://i.ytimg.com/vi/dgGqD28J6aQ/mqdefault.jpg)
![[#2024MAMA] BIGBANG (빅뱅) - 뱅뱅뱅 (BANG BANG BANG) + FANTASTIC BABY | Mnet 241123 방송](http://i.ytimg.com/vi/EQsYfiPR9uM/mqdefault.jpg)
лайк, кто смотрит в 2024)
курс пушка-бомба!!!
Приятно слушать курс без бекания-мекания, последовательно изложенный с нормальной речью. Спасибо
Спасибо)
@@UlbiTV чет не понял. а редакс где? без flux-ориентированной библы это все чуть менее чем бесполезные игрушки
@@ВсадникАпокалипсиса-я9е какие глупости)) кто вам такое сказал?
@@ВсадникАпокалипсиса-я9е С какой стати? Реакт движется к тому, чтобы стать полностью самостоятельной библиотекой, без сторонних State Management систем. Разработчики отказываются от классовых компонент, добавляют хуки, это всё шаги к самостоятельности и обособленности от других фреймворков платформы
@@UlbiTV он классные слово знает
если кто дошел до BrowserRouter, то теперь делают вот так:
Спасибо
А вот как можно делать редирект:
Тем, кто делает сейчас. useHistory убрали, вместо него вы можете использовать useNavigate
Было const router = useHistory()
Стало const router = useNavigate()
Далее, router.push('/path') меняем на router('/path')
router.replace('/path') меняем на router('/path', {replace: true})
Если вы хотите использовать state, используйте router('/path', { state: { name:'Xyz' }})
Вы просто лучший! Спасибо большое
Также, теперь не нужно всегда импортировать React в файлы компонентов
@@igor-sukharev импортировать теперь React только в App.js?
Вообще, со времени записи видео React Router обновился до v6, и там изменения очень серьёзные. Пропала обратная совместимость
@@illam-saiv И многое из представленного в видео изменилось? Просто думаю проходить этот курс. Насколько он актуальный?
Огромное спасибо автору!!! Проходил React на курсах и много из видео знаю, но твои примеры и советы помогают сложить пазл из каши полученных знаний если не до конца , то на огромный процент!!! Надеюсь ты простишь новичка за некоторые исправления твоего видео))))
1. Вместо switch теперь необходимо использовать Routes;
2. useHistory убрали в router-dom v6 и заменили на useNavige, в котором по умолчанию исп-ся push
3.exact не нужен теперь
4. в route исп-ся теперь element c указанием компонента, вместо component
5.у тебя в видео при рендере массива роутов идет component={route.component} ; у меня рендер массива роутов заработал только после указания в скобках element={}
6.Redirect тоже убрали вместо него нужно исп-ть Route с переданным в element модуля ,
пример с моего кода( ))
Еще раз - автор не злись))) может кому-нибудь пригодится
Спасибо! Ваш комментарий очень пригодился. Про Routes я нашёл на оф.сайте React Router, но вот про useHistory найти не смог.
Спасибо!
5 пункт, меня изрядно помучал, долго не мог найти решения
за 5-й пункт огромное спасибо, 2 часа искал ответ, а нашёл тут
А с чего вы начинали изучать программирование?
Можно с нуля начинать react сразу?
Досмотрел до конца , все повторил за тобой, еще много чего не понятно. Потратил так же около 30 часов. Огромная благодарность. Ты сделал большое дело. Сейчас у нас в Украине вакансий практически нет, но мы не унываем продолжаем учится и молимся что бы настал МИР! Ценю твой труд, очень при очень благодарен тебе
Все наладится, друг. Как минимум потому что всегда плохо быть не может. Я из России, все люди - люди:)
Держитесь ребят,не забываем,что все мы одинаковые люди,простите,что так получилось!!! Я верю,что будет мир без войны!
вот это стойкость, красава!))) перед собой аж неудобно когда прочитал твой пост!
@@tishkafocovv8723 за что простите? за 8 лет войны 14к убитых людей на Донбасе?
@@TheMrDemage Ты думаешь, что это @Laerning IT их убивал?
Если кто-то собрался смотреть это видео с полного 0 не тратьте время!, для того чтобы получить максимальную пользу выполните следующее:
1- поймите JS любым способом на хорошем уровне
2- Пройдите любой курс по REACT (плохой/хороший долгий/быстрый не важно
3- Приступайте к этому видео и после просмотра каждой темы останавливайте видео пытайтесь сделать сами, гуглите подглядывайте обратно в видео если не получается сделать и так весь курс до победного конца (займет это все примерно от 10 часов до 20)
4- Поздравляю вы знаете и умеете в REACT
Если начнете смотреть сразу с 0 без базовых знаний, вы просто не поймете на сколько крутой этот курс.
Автору здоровья и большое спасибо! Прошел этот курс и наконец почувствовал уверенность в своих силах в REACT
@Google Account freeCodeCamp, кайфуй.
спасибо!
Я думаю любому понятно что начинать нужно основ JS не совсем понял про курс React вы говорите про платные курсы? На них нет денег
@@questionsanswer6293 любой который сможешь найти( на ютубе полно), пройди его тебе будет ничего непонятно но потом когда начнешь смотреть этот курс все встанет на свои места
И не забудьте к этим 10-20 часам прибавить время на освоение JS на хорошем уровне.
На мой взгляд это актуально даже в 2024, а такой подачи и полноты информации нигде больше не найти. Лучший канал с курсами.
Автор лучший! Огромная работа, разбирался в каждой строчке. Спасибо больше!
Так же в связи с датой выхода ролика, помощь молодым выкатываю ниже
36:50
Изменены props и теперь могут выглядит так:
Если у кого проблема с Route/react-router v6 то теперь нужно писать так:
2:15:18
2:19:27
Вместо используется
2:20:51
Вместо использовал
2:23:05 (Вместо useHistory() теперь используется useNavigate()
const navigate = useNavigate()
function transitToPost(id) {
navigate(`/posts/${id}`, { replace: true })
}
//
transitToPost(props.post.id)}>
Открыть
2:25:09
Пропс exact больше не нужен
2:34:49(Работа с декомпозицией файлов):AppRouter.jsx
return (
{routes.map(route =>
)}
)
И файлом router.js У автора это файл по пути ../src/Router/index.js
export const routes = [
{ path: "/about", element: , exact: true },
{ path: "/posts", element: , exact: true },
{ path: "/posts/:id", element: , exact: true },
{ path: "/", element: , exact: true },
{ path: "*", element: , exact: true },
];
Ещё не начал смотреть видос, но уже наткнулся на решение) От души
подскажите плз, может чтото изменилось, почему у меня не работает e.preventDefault(), когда пытаюсь поправить кнопку чтоб страница не обновлялась? (50:29)
Очень помог, спасибо
Ты святой
@@АндрейРавильевич нашел решение?
Для VScode rsc можно заменить расширением "ES7 React/Redux/GraphQL/React-Native snippets" и ввести вместо rsc "rafce"
Спасибо!
@@АлександрТуров-ц9к Спасибо!)
тебе спасибо ))
Спасибо!
Спасибо! то, что надо
Для себя
Таймкоды:
00:00 ➝ Введение
03:15 ➝ Теория
11:40 ➝ Начало разработки. Создание проекта
16:10 ➝ Что такое JSX?
18:11 ➝ Компонент App. Работа с состоянием. UseState
22:25 ➝ Управляемый инпут
24:07 ➝ Первый функциональный компонент
26:40 ➝ Первый классовый компонент
30:25 ➝ Что такое хуки? useState, useEffect
31:10 ➝ Стили. CSS. Классы
34:30 ➝ Props. Аргументы компонента.
36:55 ➝ Работы со списками. Преобразование массива объектов в массив React элементов
41:50 ➝ Форма создания поста. Управляемые и неуправляемые компоненты
42:30 ➝ Создание UI библиотеки. Первые компоненты. CSS модули. Пропс children
50:00 ➝ Предотвращаем обновление страницы при submit формы
50:45 ➝ хук useRef. Доступ к DOM элементу. Неуправляемый компонент
57:35 ➝ React Devtools. Инструменты разработчика React
59:15 ➝ Обмен данными между компонентами. От родителя к ребенку. От ребенка к родителю.
01:04:20 ➝ Отрисовка по условию
01:05:30 ➝ Сортировка. Выпадающий список
01:12:00 ➝ Поиск. Фильтрация.
01:15:10 ➝ useMemo. Мемоизация. Кеширование
01:23:50 ➝ Модальное окно. Переиспользуемый UI компонент
01:30:23 ➝ Анимации. React transition group
01:33:40 ➝ Декомпозиция. Кастомные хуки
01:36:20 ➝ Работа с сервером. Axios
01:38:40 ➝ Жизненный цикл компонента. useEffect
01:43:08 ➝ API. PostService
01:44:45 ➝ Индикация загрузки данных с сервера
01:46:20 ➝ Компонент Loader. Анимации
01:49:25 ➝ Кастомный хук useFetching(). Обработка ошибок
01:54:15➝ Постраничный вывод. Пагинация (pagination)
02:06:20 ➝ Обьяснение механизма изменения состояния
02:12:00 ➝ React router. Постраничная навигация. BrowserRouter, Route, Switch, Redirect
02:22:00 ➝ Динамическая навигация. useHistory, useParams
02:29:30 ➝ Загрузка комментариев к посту
02:33:10 ➝ Улучшаем навигацию. Приватные и публичные маршруты
02:38:00 ➝ useContext. Глобальные данные. Авторизация пользователя
02:47:10 ➝ Бесконечная лента. Динамическая пагинация. useObserver
02:58:40 ➝ План на дальнейшее обучение. Ставим лайки и пишем комментарии :)
так это и так в описании написано
@@romanpolishchuk4517 ума понять, что автор видео скопировал данный комментарий и разместил его в описании видимо не хватило
@@sdfdvfddfdfd9439
@@sdfdvfddfdfd9439зачем хамить?
@@olgadorosheva4424 чтоб точно понял)
Тимур, ты бесподобен!
Честно признаться, твоё упорство в создании столь объёмного, качественного и разностороннего материала, причём бесплатного, вызывает восхищение!
Продолжай в том же духе, ты очень сильно помогаешь! Твои курсы в сочетании с книгами и документацией дают безумно мощную базу.
🙏🤝❤️
react-router-dom Обновился до 6 версии. Читайте документацию!!! Если вкратце, появился компонент Routes внутрь него нужно вкладывать Route и в Route нельзя использовать вложенность Пример записи: ( )
спасибо большое за помощь!!! После двух часов безуспешных поисков проблемы, безнадёжно пошел в комменты....и тут ты. Очень помогло!
Спасибо помог.
Спасибо. Я знал, что найду тут такой комментарий!
Ulbi, прими скромные слова благодарности. Получил мощнейшую информацию за этот ролик, делал все параллельно с тобой, ушло где-то 30-35 часов на всё. В какие-то моменты делал ошибки, искал решения, гуглил, думал уже, что это всё не для меня, но в итоге решал все и продолжал дальше. Огромное тебе спасибо за такую гигантскую помощь. Буду дальше продолжать работать с твоим каналом, это невероятный кладезь знаний
Спасибо за обратную связи и успехов тебе в обучении!
Здравствуйте, разрешите понитересоваться, как ваши успехи в обучении?
@@le0messiто что он тут показывает это 5 ти классник поймет, никакой глубины обычная тудушка
Спасибо большое за этот курс! Невозможно описать, насколько я был рад на него наткнуться. До этого работал с React на реальных проектах, но было много дыр в стилистике написания кода, некоторых нюансах и популярных решениях, по типу поиска, сортировки, навигации и т.п.
Этот курс решил все мои проблемы, и теперь я могу писать свой код намного лучше!
Огромное спасибо, что Вы выложили подобный материал в бесплатный доступ для простых смертных.
Бесконечное уважение и успехов в развитии канала!
Спасибо за столь теплый отзыв! Очень рад, успехов вам!
няяяяяяяяяяя
Да видео достойное, до этого проходил не один курс, но и это уже вторая попытка освоить React. Подача материала оптимальная.
Автор просто профи. Видео сделал грамотно и продуманно, в конце дал напутствие, как заниматься дальше, что мало кто делает. Спасибо.
Поверь не могу, что люди могут делать столько добра и пользы, сколько в этом курсе. Я в шоке. У тебя какая-то поразительная грамотность в речи, а ход мыслей и уверенность просто впечатляют. Очень круто! Пример!
Наконец таки, теперь, когда меня будут доставать вопросами: "что ты там делаешь?" или "а как научиться?", буду просто кидать это видео😁😁😁 Тимур, спасибо, обязательно досмотрю, проверю свои знания:)
Пс: 3 часа видео, нет слов, может прослушал, но ты хотя бы про донаты сказал? А то лайк и коммент услышал, а про донаты пропустил:)
😂😂💪🏿💪🏿✊🏻✊🏻
Редко оставляю коментарии. Но тут не могу пройти мимо. Это, наверное, лучший ролик по теме реакта для начинающих во всем рунете. Большое тебе спасибо за такой труд. Тут я узнал больше, чем при чтении официальной документации.
Раз в полгода-год возвращаюсь к просмотру ролика - каждый раз помогает всё освежить и структурировать. Годнота!)
святой человек, с просмотра твоих видео получил больше знаний чем с кучи платных курсов, за что большое человеческое спасибо, ну лайк с комментарием)
Как бальзам на душу такие слова:)
"если ты досмотрел этот ролик до конца, ты молодец и у тебя всё получится!" тут я чуть не прослезилась) спасибо!
Спасибо Вам за очень качественный контент и проделанные труды. Как мидл что сам учился и просмотрел кучу гайдов, не могу не отметить прекрасный стиль подачи информации. Ваш талант изложения инфы огромен. Я только могу приставить сколько трудов было сделано для сценария такого видео.
Так радует, что есть люди, которые могут оценить работу и поддержать, а не только потребляют :) спасибо!
@@UlbiTV ох очень зря ты проп назвал onChange точь-в-точь как и атрибут у select onChange, это вносит путаницу и новичку гораздо сложнее разобраться что к чему
Невероятный урок, всё очень подробно, и хотя не все на данный момент работает сейчас так же, как и в видео, но это наоборот подталкивает к самостоятельному поиску информации. Спасибо огромное за такой труд!
Вот же дела, курс совсем свежий, а докуменатция к React router уже изменилась :)
Пришлось еще отдельно почитывать, как правильно роуты делать
Если вдруг новички будут смотреть и тоже споткнутся, компонент теперь должен обязательно быть завернут в и имеет атрибут element.
больше не используется, вместо него всё тот же . Ну и стандартный элемент в конце делается звездочкой.
То бишь по итогу внутри у меня получилась такая конструкция:
Знатоки, может, поправят, а я в этом деле новенький тоже.
Или последний роут , чтоб не перекидывало, а просто показывало ошибку.
если вы обратите внимание, что такой синтаксис тоже используется, когда динамически роутинг делается
Ну это как будто даже все упрощает. Спасибо
Подскажи плиз, а как зафиксировать Navbar ??
При переходе на другой роут у меня моя нав панель уходит. То есть она остается только на главной странице
Спасибо мил человек! Если бы не твой комментарий, еще какое то время было бы убито впустую :)
Динамически тоже не сильно но меняется. Если кто не смог реализовать вот то как я написал.
{
routes.map((route) => {
return ;
})
}
Я потратил неделю своей жизни для самостоятельного изучения реакта, и все мои знания накопленные за эту неделю уложились в первые 30 минут этого видео 😀😀 Прям выжимка информации, очень много вопросов у меня закрылись) Спасибо большое, практически каждое твоё видео - золото!) Крутым делом занимаешься, надеюсь твой твой пыл не угаснет и будешь дальше делать годный контент;) Пошёл смотреть другие твои видео
Спасибо за отзыв друг, очень рад, на канале много интересного!
@@UlbiTV Привет! Скажи, пожалуйста, каким образом параметр sort взял значение из массива options.
Вот сам момент 1:10:13.
Ты скорее всего меня не понял, потому что я не могу сформулировать нормально)
@@Meat-t7z Array.prototype.map()
@@dieu-merci спасибо!!!!
Реально стоящий ролик из множества, включая зарубежных авторов. Уложить так гладко недельное обучение в три часа, это гениально.) Спасибо огромное!
После того как проделал путь в длинной в неделю вместе с автором хочется пожать ему руку и поблагодарить. Чтобы выпустить такой материал нужно обладать несомненным талантом
🙏🤝
Очень толково все: инфа, подача, дикция итд. Мне как начинающему немного сложновато, по этому смотрю это видео как справочник и каждый раз к нему возвращаюсь за пояснениями. Автору огромнейший респект что выкладывает такую бесценную инфу бесплатно.
Я сам дотнетчик, но посмотрел с удовольствием, автору респект! Видно очень много сил вложено, отлично все по полочкам, без воды, молодец!
Спасибо!
Оставляю комментарий поддержки
Какой же этот курс мощный, сегодня начал использовать всё что выучил на курсе и это прям вау, не представляю насколько тогда офигенен 'Продвинутый Frontend'
Очень полезный урок! Все четко и понятно. Таких уроков на ютубе ещё не видела, классная подача материала, без лишней воды. Спасибо!
Спасибо вам!
Структурированный, насыщенный с прекрасной подачей контент. Огромное спасибо!
Сколько годной информации всего за 3 часа! Огромное спасибо автору, таким людям отдельное место в раю.
Просто супер, нет слов насколько это было полезно, понятно, последовательно, не скучно и интересно. Спасибо за твой труд!!! Это бесценно))) Это самое идеальное видео, которое я смотрела и слушала. Успехов тебе во всем!!!
Спасибо и взаимно!
Спасибо за контент, у тебя здорово получается)
Было бы огонь посмотреть про Unit testing React & Redux. Кто тоже так думает, лукас на коммент)
ждем )
да, несомненно, по тестированию вообще мало материала
Много работы вложено в этот выпуск. Спасибо вам большое
И вам!
Спасибо! За неделю освоил данный курс. Всем советую, не пожалеете!
Спасибо за фидбек)
Курс, который по праву может называться фундаментальным. Такого четкого объяснения не видел нигде, да и в принципе, чтобы столько функционала затрагивали в одном видео. Большое спасибо за проделанную работу!
Наверное один из ценнейших курсов, наряду с продвинутым React. Узнал как исправить те проблемы, которые встречались в моём проекте и как вообще всё это правильнее реализовать. Спасибо.
Как всегда, всё по делу, никакой воды. Спасибо за фундаментальный курс по React JS!
Это просто потрясающе. Большинство онлайн-школ за такой курс запросило бы приличные деньги и растягивало его на месяц. Вы сделали невероятную работу, спасибо.
ну 3 часа все равно залпом смотреть не стоит
Отличный курс. Только что досмотрел, все закоментил и весь код реализовывал параллельно. Немного надо было погуглить, т.к. курсу уже два года, но за все три часа непрерывного материала это было всего два или три раза. Супер-база! Отличная подача материала. Спасибо!
за два вечера, повторяя все у себя и дополнительно экспериментируя, досмотрел пока только до 56:22, больше не могу ждать и пишу комментарий. Восторгу нет предела! Про чистоту подачи и плотность материала уже 100 раз сказали в комментах, присоединяюсь к каждому! Отдельное спасибо за то, как органично показана эволюция приложения. Новое вытекает из предыдущего именно в тот момент когда само просится а не просто накиданы какие-то абстрактные примеры.
ОГРОМНОЕ СПАСИБО за материал, посылаю +500 к карме в этой и следующей жизни.
Два вечера это сколько в часах? Какой темп на данный момент, если не секрет?
@@RedkeiGost уффф, местами по разному конечно, но в основном 10-15 минут видео == час реального времени на воспроизведение/осмысление + тесты/эксперименты. Где-то быстрее, где-то может и раза в два медленнее)) Темп видео такой, что кажется автор вырезал даже места где просто делает вдох))
@@Sergey-lg1ke у него просто хорошая техника дыхания. На да, работа по обрезки лишнего большая и тчательная. У меня 35 часов примерно ушло, но я считал то, что шло по непрерывный комм там, т. е. Это не точно и плюс в конце перечитываю коммиты, обдумываю. Т. Е. Вроде время уже посчитано, но работа продолжается, хотя уже и лайтовая
@@Sergey-lg1ke да, имейте ввиду, react-router-dom обновил апи и код из курса уже не работает. Не ищите ошибку у себя, сразу идите в доку и копируете оттуда. А концепт сам смотрите в курсе
@@RedkeiGost да, с ответами забавно получилось. Если актуально, нашел неплохой плейлист с обзором новой версии на канале Михаила Непомнящего
Герой нашего времени! Присоединяюсь ко всем благодарностям и наилучшим пожеланиям! Продолжай в том же духе
В 18 версии вместо React.render(...) надо писать
import {createRoot} from "react-dom/client";
const root = createRoot(document.getElementById('root'));
root.render(
,
);
Другие изменения тоже погуглите, чтобы не страдать )
Всем успехов!
Тимуру спасибо за лучший контент!
Это не очень критично, реакт выдаст предупреждение, но отрисует
@@Logo-e2b только что столкнулся с тем, что не отрисовывает. Терминал говорит о том есть предупреждение. Сделал как сказано в комментарии и сразу всё отрисовалось.
спасибо! А я сначала подумал что я где-то ошибся. Но в офф документации прочитал ваше решение, а следом и здесь его увидел.
У меня не рендерил , писал что функция рендер отсутсвует у ReactDOM. На оверфлоу нашёл решение описанное выше и реакт завёлся
Спасибо большое!!
Такая содержимость материала поражает, чтобы понять все тонкости в видео, нужно ни один раз пересмотреть, однозначно топ
Спасибо большое, 3 часа современного реакта без старого классового подхода, залатал пробелы в образовании. Никаких кошек и самолюбования на заднем плане - очень профессионально
Спасибо!
Это просто офигенно, наконец-то понял как работают все хуки и нашёл кучу ответов на свои вопросы, которые возникали на протяжении года работы!
Спасибо за возможность слушать качественный контент бесплатно
Быстро и без воды, очень грамотно изложена вся информация !
Приятно, слушать человека который знает о чём говорит и умеет доступно преподносить информацию!
Прошёл. Практически год, как я просмотрел и проделал этот курс. Сейчас в составе команды пилим проект. Считаю что курс помог с быстрым стартом. Спасибо.
а что после этого видео изучал и где?
подскажи пожалуйста
Подписался на канал с самого начала изучения фронта, но было очень трудно что-либо понять, т.к. подача рассчитана на уже определенный опыт, но объем материала и его актуальность - это бомба! Спасибо большое автору.
Какой автор Красавчик! Мое уважение за столько подробный и качественный материал.
Давно пишу на нативном JS и Vue, теперь потребовалось изучить React. Отличный ролик для ознакомления с данным инструментом, порадовали грамотная речь и обилие инфы. Большое спасибо за труд! Молодец, что в свои годы накопил такой багаж знаний, успехов!
Спасибо! И вам успехов:)
Действительно лучший в своём роде урок! Мне 16, обучаюсь разработке сайтов и приложений, ваше видео это золотая монета сокрытая в интернете. Поверьте, я разбираюсь в контенте. Большое спасибо! Желаю вам попасть в рекомендации и получить хорошие деньги с рекламы чтобы была мотивация.
единственный минус, - на линуксе в списке библиотек нет "npx", все устанавливал самое новое. Видит только nyx, gpx, nex, npm.
На линуксе это отдельная библиотека:
$ sudo npm -g install create-react-app
Успехов дружище и спасибо за пожелания!
спасибо за лучший курс на ютубе!
Ролику уже 3 года, а ваш курс до сих пор советуют как лучший на ютубе!)
Божечки, у меня не хватает слов благодарности, большущие спасибо, хотелось бы увидеть ролики/курс по JS
Великолепная работа.
Огромное спасибо автору за детальное объяснение базовых концепций и что зачем где нужно. Однозначно лучший курс по реакту на данный момент.
Спасибо!
Мать моя женщина, как же ты крут! Спасибо)
24:30 Если работаете в VSCode можете поставить плагин
ES7+ React/Redux/React-Native snippets, после чего можно написать rfc/ rafce, нажать tab и также как и в вебсторме автосоздается шаблон компонента
Коммент лучей бесконечной благодарности и поддержки 👍🏻
Уважаемый, дорогой Тимур, спасибо Вам за столь колоссальный труд. И отдельное спасибо, за умение подать материал. Вас очень приятно слушать.
2:15:08 вышла новая 6 версия react-router-dom, роуты нужно прописывать теперь так:
const AppRouter = () => {
return (
);
};
а как нужно использовать ?
как я понял вместо него теперь , но у меня выходит ошибка в консоли Warning: Maximum update depth exceeded.
upd:
вот решение
Сколько курсов уже просмотрел, а чел делает только лучше и лучше. Спасибо!
Спасибо огромное за такую учебную благотворительность!
Использование последних технологий, высокое качество кода ( у тебя сразу учишься как надо писать правильно, к этому приходишь только со временем, практикой и опытом), отличная качество видео, четкая и грамотная речь, все структурированное и понятно объясняется. В жизни не видел более полезно видео, да еще и в бесплатном доступе.
Потратил около 40 часов, тк не тупо переписывал за тобой код, а смотрел отрывками по 5-10 мин и потом шел сам писать код, вылетали ошибки, что-то не работало, приходилось ковырять и много всего переписывать. Так же добавил добавил пару дополнительных фич и теперь очень уверенно себя чувствую в реакте. А самое главное, что после прохождение данного курса появилось еще больше желания и мотивации двигаться и развиваться дальше, пилить новые проекты и изучать новое!!!
Огромное тебе спасибо за невероятный контент и всю огромную проделанную тобой работу!
Отличный отзыв, большое спасибо!
Огромный респект что разжевываешь все. я вот только успеваю подумать о каком-то вопросе, через минуту ты уже на него отвечаешь!
Лучший ролик о реакте, который я когда либо видел. Объяснения вплоть до каждой детали. Тимур, большая благодарность за твои труды. Контент твоего канала очень зрелый, отлично структурирован, и в этом видно, что ты вкладываешь большое количество труда, чтобы донести суть до своих подписчиков
Если ты досмотрел этот ролик до конца -- у тебя все получиться)) Прекрасная плотность информации, только по делу без всякой воды.
когда знаешь что следующее 3и часа пройдут продуктивно 👍
Спасибо
Я эти 3 часа, наверное, неделю буду пошагово разбирать :)
@@ПАУК-о2я у меня 4 дня ушло :)
@@ПАУК-о2я я сутки просидел пошагово разбирая код это жестко конечно
Никогда не смотрела обучение с таким интересом, как просто развлекательный видос! Очень хорошо и понятно излагаешь материал, спасибо 👍🏻
Парень,огромных успехов тебе. Ты реальный ЧЕЛОВЕЧИЩЕ! Большое спасибо за труд! Ты мне очень помог вначале моего пути! Жму руку 🤝🏾
🤝
Sorax, спасибо, что вернулся!))
😂✊🏻
2 недели делал и смотрел 3 часа. Для начинающих самое то. Спасибо.
как вам кажется,стоит ли начать с него , если полный ноль в реакте( базовый джс только)?
@@liza2141 -
@@bifacial605 что это значит?
@@liza2141 отрицание
Спустя 3 дня маленькими шагами досмотрел этот курс, скажу честно, если бы я до армии что то не писал на реакте то этот курс мне бы очень тяжело дался + ты все очень быстро делаешь) но как ты сказал с 1 раза врятли кто то освоит. Так что спасибо за твой труд, буду стараться применять твои знания в дальнейшем!
авхвах, меня сейчас забрали в армию и я должен стоять на вахте, раз в 3 дня, и я думал что моя карьера закрыта, но тут ты после армейки продолжаешь обучаться, хорош!
4 дня смотрел этот курс и только закончил. И в конце, когда Тимур сказал, что он готовил этот материал 40 часов - я а4yел просто. Вот это да!!! после пройденного курса от ЯП данный материал просто подарок. Очень много того, чего требуется в тестовых сейчас, есть в этом интенсиве. Тимур, огромное спасибо за данный материал.
под ЯП - ты имеешь ввиду Яндекс практикум ?
Благодарю за видео урок. Ждем для продвинутых разработчиков. и Реакт и Вью
Начиная с 17 реакта не нужно писать везде import React from 'react'. Для чистки ненужного импорта можно использовать npx react-codemod update-react-imports. Кроме того больше нет смысла в расширении jsx, только если это не typescript, тогда используется tsx.
Смысла конечно нету, однако не совсем. Расширение js дает также разработчику навскидку понять, что документ не содержит jsx. Когда проект большой глаза реально разбегаются, и простой значек с расширением сильно помогают отличить чисто скриптовый документ с документом, в котором есть разметка.
Круто! Спасибо!
А можно Тебя попросить, разобрать такие моменты, как оптимизация (реакт кода, страниц приложений и прочее). Если конечно имеется в этом экспертиза.
я все еще на середине курса, но с уверенностью могу сказать что курс просто замечательный. спасибо автору за работу
Готовлюсь к собеседованиям, решил пересмотреть, чтобы освежить память. Спасибо за этот курс ! 🚀Full React Course , React JS фундаментальный курс от А до Я
Как собесы?
@@astkh4381 уже прошёл несколько технических и тестов с CodingGame.
Ну большинство рекрутеров говорят,что типа опыта нет в кампаниях, поэтому вашу кандидатуру не можем продвигать😂 другие сказали,что тесты сдал , но вакансий пока нет.
Это я пока отправлял заявки не в какую-то конкретную компанию а в агенства, которые ищут девелоперов, чтобы в фирмы устроить.
Прошёл один тест в компанию, сказали, что мой код слишком junior для них, без каких то объяснений 🤷🏻♂️ я попросил CTO, чтобы мне хотяб сказали , что им не понравилось, но ответа не было 🤷🏻♂️
Сейчас я решил сделать маленькую паузу, подтянуть пробелы, и через пару недель снова вперед 🚀 в этот раз буду уже заявки отправлять в конкретные компании, там и посмотрим чего мои знания стоят 😂🚀#neverGiveUp
Лучший курс по React js, который я видел до сих пор. Очень ясное изложение с примерами и рисунками + приятно слушать. Спасибо большое за труд!
Как же это шикарно, бро!!! Спасибо огромное! Я с первого видео с тобой вместе. Стану свидетелем твоего триумфа!
Олды на месте)) спасибо бро!
Огромная благодарность автору! Настолько разжевать материал и вместить информацию в 3 часа, проделана колоссальная работа. Для старта в React - самое то!
Все обязаны поддерживать такой контент, автор большой молодец
💪🏿✊🏻
Очень хороший курс. Действительно подойдет не только для новичков. Но очень перегружено.
Ждем следующих роликов.
Тимур, спасибо огромное! Делал параллельно все как ты, периодически рисовал схемы, писал конспект, в коде писал комментарии. Так вот, хочу сказать, что благодаря тебе и тому, что внимательно, "от корки до корки" прошел этот видео-курс, у меня в голове очень многое улеглось. Ушло на все около 3-х рабочих дней) Премного благодарен!
Каким образом ты схемы рисовал? Поделись опытом.
Господи, как же все понятно, уже смотрю второй раз и все так же на одном дыхании. Смотрел в первый раз с телефона и только слушал т.к не было возможности кодить, щас смотрю второй раз но уже и что-то пытаюсь сделать в редакторе, и ощущение, интерес точно такой же как и при первом просмотре. Спасибо вам!!
2:34
export const routes = [
{path: "/about", element: , exact: true},
{path: "/posts", element: , exact: true},
{path: "/posts/:id", element: , exact: true},
{path: "*", element: , exact: true},
]
const AppRouter = () => {
return (
{routes.map(route =>
)}
)
}
Спасибо вам большое , очень рада что Ютуб Вас порекомендовал!!!
И вам спасибо!
Отличный курс, отличная подача материала - без воды. Большое спасибо за этот материал и проделанную работу!
Тут без перебільшення є все основне для вивчення React. Крім того відразу зрозуміло, що автор зробив величезний об'єм роботи! Щиро вдячний автору за цей курс!!
Понятно и без воды, React, Frontend, полный курс. Спасибо, это очень круто!)
✊🏻✊🏻
@@UlbiTV видео классное, спасибо. Для практики вот с этими знаниями из курса, чтобы закрепить какой твой проект подойдет? Магазин там, или Спотифай.
Просто сразу лететь дальше в TS или Redux не закрепив это на каком-то проекте наверно не стоит?
Интернет магазин) можно пропустить бекендовскую часть если интересен только реакт
В 6 версии react-router-dom вместо redirect нужно импортировать navigate
а как вы переделали код на 02:34:39? Так и не смог разобраться
@@ДауренАлтынбеков-н6ш
{routes.map(route =>
)}
я правильно понимаю, что Switch теперь вообще не используется в данной реализации?
Спасибо!
Огонь!!! Это первый мой коммент на ютубе….
И я рад что он под моим роликом:)
Спасибо за курс. дошел до browser router тут как я понял изменилось немного - route оборачивать теперь надо в Routes, а сами route записывать так гуглить поидее все должны уметь но вдруг кому то поможет)
ps в этом разделе с выходом 6 версии довольно много поменялось, редирект тоже по другому, useHistory убрали
Первый, но точно не последний просмотренный курс на этом канале. Полтора года опыта разработки на Реакте, зашёл освежить знания для собеседований, какие-то паттерны оказались знакомы по рабочим проектам, но и кое-что новое узнал. Спасибо за труды!
Спасибо за отзыв! успехов!
@@UlbiTV В части "Работа со списками. Преобразование массива" у меня повляется ошибка TypeError: Cannot read properties of undefined (reading 'id'). Можете помочь пожалуйста что я не так сделал. Это ошибка появляется когда {posts.map(post =>
)}
перемещаю в файл PostList