99 - ReactJS - try-catch, router switch, classnames

Рет қаралды 52,603

IT-KAMASUTRA

Күн бұрын

Пікірлер: 353

@akionka 5 жыл бұрын

внутри Switch

@ITKAMASUTRA 5 жыл бұрын

точняк!!!

@LetsPlayForUkrainian 5 жыл бұрын

должен ище быть exact, иначе не будет срабатовать страница 404

@StepanVorobiov 4 жыл бұрын

можно просто в конце

@user-san-chous 4 жыл бұрын

@@ITKAMASUTRA мы даже такое уже делали в первых уроках, когда редиректили незалогиненых пользователей)

@UvarovDM 4 жыл бұрын

@webdeveloper7690 4 жыл бұрын

Так ну пора и мне свои историю написать, устройства на работу написать. Устроился на 94 выпуске. Входные данные - 29 лет. Обучался дома, параллельно не работал. Перед ИТ камасутрой выучил html+css+js Все обучение с нуля до работы заняло 3 месяца. Советы новичкам от меня: 1. Учите JS, на собесах за JS разносят не по-детски, 2. Участвуйте в Хакатонах 3. бомбите код каждый день 4. Изучайте и пишите алгоритмы на листке, это прокачивает сильно. Решайте задачи из Яндекса, они дают понимание оптимизированного кода 5. Делайте свои проекты и помогайте более слабым людям. Всем успехов! Димыч от меня донат с первой зп. Спасибо огромное за твои труды!

@vladyslavhalchyshak1176 4 жыл бұрын

за 3 месяца?а не пиздишь ли ты?

@АлександрКалыргин 3 жыл бұрын

@@vladyslavhalchyshak1176 злой чел, негативный... 3 месяца на реакт как я понял.

@ProWichDoctor 5 жыл бұрын

Я устроился на работу после порядка 65 видео, сейчас так же работая смотрю видео, помогает вспомнить и розьяснить некоторие моменти! Я счастливий человек, я изменил свою жизнь полностью, новий город, новая работа, все новое, попа в миле, но єто пока)

@DmitryJT50 4 жыл бұрын

как успехи?)

@МиланаРудакова-д1у 2 жыл бұрын

В 22м году это выглядит так: Вместо Redirect - Navigate, вместо Switch - Routes

@dmytromakarenko2135 Жыл бұрын

И вместо "404 Not found" можно последнюю строку добавить, аля Redirect на Home Page ...

@РусланИбрагимов-ь5о Жыл бұрын

@@dmytromakarenko2135 ну тут спорный момент, пусть лучше пользователь поймет что он накосячил и увидит ошибку

@alik64 3 жыл бұрын

26 /12/2021, я дошёл сюда за 3 месяца. До этого курса я уже имел дело с Реактом, но такого глубокого понимания архитектуры, компонентов, хоков и всего остального и рядом не было! И ещё уровень «дебажинья» просто в космос улетел 🤣🚀Спасибо тебе Димыч за такой труд и этот крутой курс по реакту! Эх , если бы все так учили, мы бы жили в параллельной вселенной! 😂🚀🚀🚀 спасибо тебе дружище за всё!🚀

@ArchakovBlog 5 жыл бұрын

Вот это энергия! Очень круто объясняешь! Желаю удачи.

@Snegurjan 4 жыл бұрын

Ты тоже красава бро ,сейчас прохожу твой курс Реакт Пицца)))

@ArchakovBlog 4 жыл бұрын

@@Snegurjan респект)

@shiryaev585 3 жыл бұрын

@@Snegurjan Cпасибо за наводку, тоже думаю начну его)

@vitaliyevergarnde209 3 жыл бұрын

Ого го, какие люди))А я вот твой проект прошел по чату на реакте, еще первой версии и сделал из него диплом, правда с 2019 там уже многое поменялось, по этому гуглил и дебажил, а так огромное спасибо за знания)))

@ArchakovBlog 3 жыл бұрын

@@vitaliyevergarnde209 ничосе! Приятно знать) не за что 💪

@itweb7157 3 жыл бұрын

0:00 - "три сырка" 3:45 - точка входа 13:44 - #HashRouter -> #BrowserRouter 17:21 - #router #switch 21:27 - 404 23:02 - #exact 24:17 - route #redirect 31:24 - "а вперёд, вперёд, где я был как бы до этого, переходя до назад" [ ржу =))) ] 31:36 - #classnames 36:54 - обработка ошибок 51:34 - #try ... #catch Дима, Спасибо! =)

@Хим-л4м 2 жыл бұрын

Чел спасибо!

@ivank.1193 5 жыл бұрын

димон. я не знаю как тебе отплатить (ха-ха конечно знаю - ты столько раз просил донатить, что я уж почти подумал что тебе деньги важнее чем просвещение), но так уж получилось что я был на самом финансовом дне. НННО! с твоей помощью я наконец пробил себе путь и в довольно хорошую компанию. Меня никуда не хотели брать основным аргументом было " ой у вас нет коммерческого опыта" а мы берем только с опытом от месяца"...(и собеседуем только таких) и вот я пошел на 2 стажировки. Оба интервью( по счету можно сказать это было 2-е и 3-е) прошел просто блестяще - (на первом не спрашивали реакт, на втором да) и первые ответили что ... извините не достаточно знаний. а вторые ответили "нам так понравилось как вы прошли интервью что мы предлагаем вам пропустить стажировку и сразу устроиться". вот такая история успеха. Так вот димон, без тебя и твоего вдохновения, я бы не то что не смог пройти этот путь... я бы просто не знал куда мне идти. Спасибо тебе большое. и я обязательно с первой з/п-шки верну тебе долг за твой контент, в виде доната, чтобы ты смог, в свою очередь, вернуть его другим людям в виде контента. от сердца - к солнцу. Лукас Кейн.

@gorillatv577 5 жыл бұрын

Блин, мужик, поздравляю!!

@Muhammad-fn2nz 5 жыл бұрын

Поздравляю! Можешь коротко рассказать про что спрашивали?

@MrVfndtq1997 4 жыл бұрын

от сердца к солнцу ахаххааха

@yaroslavmaksimenko9819 4 жыл бұрын

@Snegurjan 4 жыл бұрын

Поздравляю мужик,тестовое тяжелое было ?

@elenakniazeva5388 5 жыл бұрын

какой ты позитивный) одно удовольствие учиться в такой атмосфере!

@freakGuitar 3 жыл бұрын

и как, устроилась?)

@andreiribac6284 3 жыл бұрын

02.09.2021 Кто сюда дошел, тот определенно красавчик! Всем успехов! Дима - огромное спасибо, ты Великий человек!

@СміхГієни 4 жыл бұрын

0:06 и тут я понял, что не зря смотрел 98 уроков

@Aleks-lk1et 2 жыл бұрын

Спасибо! Смотрел с 1 по 99 в 2022! Очень информативные выпуски! Остался 100 и на банкет.

@buksirchik1663 4 жыл бұрын

00:06, когда взяли на работу:D

@SVP-d1d 5 жыл бұрын

как можно быть на столько лёгким и позитивным?!!!? я хочу то, что ты употребляешь !!! :D

@ITKAMASUTRA 5 жыл бұрын

:))))

@iksa8164 3 жыл бұрын

@@ITKAMASUTRA это всё СЫРОК!

@ЛусінеАтаджанян 3 жыл бұрын

Эх, Дима, как же ты заряжаешь позитивной энергией, просто красавчик! Спасибо за объяснение темы про Switch и try catch, который обработка ошибок и исключений. Определенно лучший курс по React JS и JavaScript! Дима, удачи и успехов тебе от души!

@genapolyakov 2 жыл бұрын

Switch отменили Вместо компонента Switch теперь появился компонент Routes. Но это не просто переименование - Routes более функционален. Основное отличие в том, что Routes не требует жесткого порядка роутов внутри. Switch обходил роуты в строгом порядке сверху вниз и при первом совпадении пути рендерил заданный компонент. Поэтому важно было определить порядок: например, выносить вниз наиболее общий роут Компонент Switch «более умный» и сматчит наиболее подходящий роут:

@pavelmalorodnov2078 Жыл бұрын

Компонент Switch «более умный» и сматчит наиболее подходящий роут--->возможно тут вы имели ввиду Routes

@BLOCKCHAINSAW 2 жыл бұрын

Наконец добрался до сюда. По второму кругу. Спасибо

@akionka 5 жыл бұрын

Два урока за сутки, я тоже походу вылетаю на околоземную орбиту от удовольствия. Летим, Димыч!!

@alekseyborkovsky9456 3 жыл бұрын

Сегодня просмотрел это видео. Прям не вериться... :) Спасибо за пройденный вместе путь-самурая! Все только начинается!!!

@alfie_web 5 жыл бұрын

Кстати по поводу react-router-dom Можно ещё сделать так , несколько роутов на один компонент, может кому пригодится.

@is_eliseeva Жыл бұрын

99 урок... самурайчик на финише... да, курс надо повторить с осознанием! спасибо за урок!

@pashabezk 2 жыл бұрын

2022. Димыч, спасибо большое! Вот прям огромнейшее. Сейчас уже начал собственный небольшой проект, пытаюсь создавать его с нуля самостоятельно. Изучаю уже самостоятельно современную версию редакс библиотеки с хуками. Сложно. Очень сложно. Но я не останавливаюсь. Остальным самураям тоже желаю не останавливаться на прогрессе, изучать реакт дальше, изучать смежные библиотеки, области и становиться крутым специалистом. Димыч, ещё раз спасибо тебе за твой курс! Огромная работа, которая помогла разобраться в таком монстре, как реакт. Успехов тебе и новых интересных проектов!

@yurishulga2157 5 жыл бұрын

Респект за труд, за неделю на одном дыхании пролетел уроки и законспектил все важные аспекты, удачи в начинаниях!

@ivanmiarkulau8320 3 жыл бұрын

Спасибо за полезные знания об использовании try-catch для обработки ошибок, router switch для роутинга страниц и classnames для гибкой настройки использования стилей!)

@artemkurtiak 4 жыл бұрын

ХАХАХАХАХАХХАХАХА 0:06 я испугался Спасибо за труд!

@muradatabalov9281 4 жыл бұрын

ДИМЫЧ ПРИВЕТ !!! - спасибо за твой курс устроился работаю ( писал выше что пришлось сказать что мидл - что б точно взяли ) и прошел собесы за день в трех компаниях сразу. Работаю удаленно сейчас.

@aleksandrglebik8033 2 жыл бұрын

Димыч, 2022 год, прохожу твой курс. Спасибо! Ты молоток, супер курс, супер подача материала, ты лучший))))

@АртурАнтисептик 2 жыл бұрын

Спасибо тебе Димыч за этот неоценимый труд!!! К каждому видео из этого курса я поставил лайк)) Просмотрел весь курс почти за 3 месяца (около 150 часов). Самым тяжелым моментом считаю, просмотр роликов с 45 по 65, а дальше как по маслу. Сейчас посмотрю несколько предыдущих для закрепления, потом 100, затем курс по пиццерии, а уже потом резюме))) Еще раз говорю тебе спасибо!

@ЯрославПунтус-г5ц 2 жыл бұрын

Что за курс по пиццерии?

@АртурАнтисептик 2 жыл бұрын

@@ЯрославПунтус-г5ц на канале Archakov Blog курс react-pizza v2, ознакомься с первым видео

@MaDoS_PaNoS_UnderBoSs Ай бұрын

Спасибо за урок! По поводу Редиректа.В целом в коментах написали как все что не работает вылечить, НО не до конца. Если вы поставите после profile/ и рандомные тут буквы, то вам выкинет ошибку что некорректный id , это придет ответ от сервака, а у вас выйдет еррор и ни какого редиректа на Not Found не будет. Я решил эту проблему следующим кодом, он не много запутанный и тупой, но свою задачу частично решает, а именно душит не цифры в иде) refreshProfile() { let userId = this.props.router.params.userId; if (!userId || !Number(userId)) { userId = this.props.authID; // console.log(userId) } this.props.getProfile(userId); this.props.getUserStatus(userId) } componentDidMount() { this.refreshProfile(); } Это условия для цикла Дидмаунта. А это условия для Редиректа, его мы пишет в Рендере. render() { if (!Number(!this.props.router.params.userId) && !Number(this.props.router.params.userId)) { return ( ) } else if (this.props.authID || !this.props.router.params.userId) { return ( ) } else if (this.props.serverError) { return ( ) } } Последнее условие можно пропустить, оно все лишь пушит ошибку в в редюсер и отображает в нот фаунде ответ от серва. Но ее я все равно не смог реализовать и там еще есть логика в самой компоненте Нот Фаунда. НОООООО проблема все равно до конца не решилась, что нам делать если например человек указал ид цифрами, но он не верный и его нету на бэкенде? Ошибка выходит такая же , типо ид не существует. Эту проблему я не смог решить, была идея запрашивать пользователей и основываться на строке о кол-во пользователей, но тут так же проблема что там цифры идут не по ротации, а на чистом рандоме( . Вообщем вопрос остается открытым)