Frontend Fundamentals | Александр Караджиков
Frontend Fundamentals | Александр Караджиков
  • 8
  • 51 634
Жизненный цикл React компонентов | Все что нужно знать за 12 минут
Это видео по сути является дополнением к этому 15 минутному видео ☕ th-cam.com/video/GeulXZP_kZ8/w-d-xo.html в котором я рассказал про основные концепции React.
☝ Здесь мы разберем жизненный цикл React компонентов и основные методы жизненного цикла на примере классовых и функциональных компонентов. Напишем простой компонент Clock который будет отображать текущее время на экране пользователя. Приятного просмотра!
✌ Давайте дружить в instagram: sasha_karadzhikov
มุมมอง: 5 563

วีดีโอ

Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт
มุมมอง 29K5 หลายเดือนก่อน
В этом ролике я рассказал про все основные концепты, которы есть в React в подробном и схематичном формате с интерактивными примерами. Идеально если вы новичок и только начинаете свой путь в React. Приятного просмотра! 00:00 - Начало 00:24 - Про популярность react и вакансии 01:03 - Что такое react 01:15 - Сomponents 01:51- JSX 2:22 - JSX или HTML? 2:36 - Фигурные скобки 2:50 - React Fragments ...
Все о React 19 за 10 минут
มุมมอง 9K6 หลายเดือนก่อน
➡ Что нового в React 19 - в этом 10 минутном ролике я рассказал, о всех новых возможностях и улучшениях в React. Приятного просмотра! ➡ В видео рассмотрим: - Actions - Directives - Compiler - use() hook - Optimistic - Less code - Better performance - New Hooks ✌ Давайте дружить в instagram: sasha_karadzhikov
Как быстро стать JUNIOR frontend разработчиком | Что нужно знать | Roadmap 2024
มุมมอง 6K7 หลายเดือนก่อน
В этом видео я рассказал, что нужно знать в 2024 году чтобы стартануть во Frontend и стать JUNIOR разработчиком. - Как стать Frontend разработчиком? - Что нужно знать? - Если я не знаю ничего - у меня получиться? В этом видео я ответил на все эти вопросы, а так же составил Roadmap по технологиям, которые необходимо знать. Roadmap - miro.com/app/board/uXjVKZT8_gU=/

ความคิดเห็น

  • @Мазака
    @Мазака วันที่ผ่านมา

    Ты украл ведь видео ? У code botcamp

  • @berger_king_govno
    @berger_king_govno 7 วันที่ผ่านมา

    Почему реакт? 1 Востребованность 2 Классное название 3 Виртуальный дом

  • @АлександрТолмачев-б2ч
    @АлександрТолмачев-б2ч 8 วันที่ผ่านมา

    Полностью спиздил видео у Code Bootcamp. Хотя бы ссылку оставь и скажи, что это перевод

  • @andygr1n1
    @andygr1n1 15 วันที่ผ่านมา

    Отличный и интересный контент 💫

  • @SunMoonBrothers
    @SunMoonBrothers 20 วันที่ผ่านมา

    гони еще, надо по всем деталям пройтись

  • @SunMoonBrothers
    @SunMoonBrothers 20 วันที่ผ่านมา

    суспенс есть подписЬка тоже есть

  • @manilov681
    @manilov681 หลายเดือนก่อน

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

  • @kedylive
    @kedylive หลายเดือนก่อน

    Это лучшее видео для подготовки к собесу по теме жизненных циклов. Добавил в плейлист для подготовки

  • @YuliaAvseykova
    @YuliaAvseykova หลายเดือนก่อน

    Спасибо большое! ты лучший❤

  • @ivankomarov4612
    @ivankomarov4612 หลายเดือนก่อน

    Видео хорошее, но стоило указать оригинал, взято почти 1:1 отсюда th-cam.com/video/wIyHSOugGGw/w-d-xo.htmlsi=PABlIQhGSSP57q1u ))

  • @0limjon
    @0limjon หลายเดือนก่อน

    Спасибо, все классно объяснил! Сам пишу бэк но было интересно узнать о реакте для своих проектов

  • @ИгорьМедведев-ы6у
    @ИгорьМедведев-ы6у หลายเดือนก่อน

    Братка видос Агонь. Очень интересная подача!

  • @PlaceTickets
    @PlaceTickets หลายเดือนก่อน

    вроде как, но ни чего не понятно. 1. не рассказал как подключается. 2 не показал реальный пример. какой-то конь в вакууме

  • @qliquiz2687
    @qliquiz2687 หลายเดือนก่อน

    ИМБА

  • @СетФамм
    @СетФамм หลายเดือนก่อน

    Шикарное объяснение, спасибо. И кропотливая работа, чтобы все нам на блюдечке подать. Спасибо!

  • @maxexc6939
    @maxexc6939 หลายเดือนก่อน

    Прикольное видео для того чтоб дать основу. Порталы и работа с state нравятся. Ну теперь после видео надо всё и в примерах разбирать 🙂

  • @РоманНекрасов-ы2м
    @РоманНекрасов-ы2м หลายเดือนก่อน

    хочу больше контента, тебя интересно смотреть)

  • @vladpavlov4240
    @vladpavlov4240 หลายเดือนก่อน

    автору спасибо за хорошо переданный контент с ассоциациями и картинками для упрощения понимания без мычания на камеру и воды

  • @yuritian8830
    @yuritian8830 2 หลายเดือนก่อน

    Было бы классно, если запилишь видеоурок по реакт многостраничного сайта. простенького не бязательно с адаптивом. достаточно с часто встречающимися простыми блоками и функциями и один какой-нибудь сложный блок или функция приложения. с готовой вёрсткой. с созданием простой админки на бутстрапе например или на чём-нибудь другом. с sql запросами. примерно в таком же стиле. без реалтайм кодинга.

  • @yuritian8830
    @yuritian8830 2 หลายเดือนก่อน

    У меня нет матов, чтобы выразить свои эмоции благодарности! А есть ли курсы? Ну или менторство? Ну или что-то другое?)

  • @tolb1517
    @tolb1517 2 หลายเดือนก่อน

    А чем React лучше Vue? Ведь такой подход как у React, менее удобный.

  • @Алексей-ш8э3л
    @Алексей-ш8э3л 2 หลายเดือนก่อน

    Спасибо за видео! Можно попросить вас рассказать про все виды передачи данных - от родительского компонента к дочернему; - от дочернего компонента к родительскому; - между соседними компонентами; - от компонента к компоненту-потомку (через несколько уровней вниз); - от компонента к компоненту-предку (через несколько уровней вверх).

  • @SHiZeePlaycom
    @SHiZeePlaycom 2 หลายเดือนก่อน

    Every React Concept Explained in 12 Minutes погуглите видос)))

  • @SHiZeePlaycom
    @SHiZeePlaycom 2 หลายเดือนก่อน

    от себя даже никакой информации не добавил))

  • @rusfungame
    @rusfungame 2 หลายเดือนก่อน

    Писал на реакте 3 года, последний год не использовал вообще, теперь даже проект не смог запустить, во у меня память хорошая.

    • @АртемийКонь
      @АртемийКонь 2 หลายเดือนก่อน

      Почитай про кривую забывания, если интересно

    • @crn05
      @crn05 หลายเดือนก่อน

      cmd > npx create-react-app, vsc > npm run dev. Не благодари.

    • @Daniyargg
      @Daniyargg หลายเดือนก่อน

      @@crn05 это уже устаревший способ

    • @VeynShot
      @VeynShot 24 วันที่ผ่านมา

      @@АртемийКонь также с ангуляром...

  • @basmaartikova6810
    @basmaartikova6810 2 หลายเดือนก่อน

    Мужик, я не слушаю что вы говорите, я просто смотрю на вас)) первый раз вижу программиста красавчика! Удачи вам в жизни 🤞🏽 классный контент

  • @Yarikorg
    @Yarikorg 2 หลายเดือนก่อน

    Наверное, первое видео на ютуб для новичка за всю мою жизнь, которое я в данный момент не могу нормально понять и принять на все 100%. В принципе я и яваскрипт не знаю, написать что-то могу с гуглежом, но так не знаю. Но обычно все понятно, а тут … ух. Это не претензия. Скорее наоборот. Что-то записал себе под корочку и если придется что-то делать на фронтенде, то благодаря этому видео сразу обращусь к реакт и, видимо, вернусь к этому видео для просмотра второй раз.. минимум.

  • @4lloe
    @4lloe 2 หลายเดือนก่อน

    Очень полезное видео для составления карты изучения библиотеки

  • @АлександрЦуркан-д6ч
    @АлександрЦуркан-д6ч 3 หลายเดือนก่อน

    Норм ролик ❤

  • @ava_crey
    @ava_crey 3 หลายเดือนก่อน

    Я думаю этоьвидео не просто для тех кто первый раз слышит про React или первый раз работает, а для тех кто уже прошел темы Компоненты, состояние хуки и т.д. Лично я прошел пока только компоненты и состояние и уже хуки пройду, поэтому это видео мне более менее понятно, хотя дальше темы я вообще не понял, потому что пока их не прошел, вот так вот дела

  • @dmitriyobidin6049
    @dmitriyobidin6049 3 หลายเดือนก่อน

    Нифига себе Макс Дорофеев изменился...

  • @Devivl
    @Devivl 3 หลายเดือนก่อน

    Александр, спасибо за обзорное видео. Классно. Видно, что старался донести максимально ёмко и доходчиво. Фронтенд разработчиком не являюсь, возможно из-за этого глаза разбегаются и отсутствует фокус внимания из-за изобилия красок и цветов различных кусков псевдокода в примерах. Когда весь текст выделяется разными цветами, то не понятно, на что необходимо акцентировать внимание. Мой фидбек не является негативным, а лишь мнением со стороны.

  • @burtartburtart1517
    @burtartburtart1517 4 หลายเดือนก่อน

    Да, всё почти так,желательно ещё не много разобраться с node.js, по крайней мере уметь поднимать сервер на express, писать эндпоинты,роутинги,разобраться с какой-то базой данных и orm к ней, встраивать миддлверы, делать авторизацию джсонвебтокеном. И ещё забыл сказать, что нужны сильные пэт проекты в резюме, не просто какие-то простенькие туду листы, или свёртстаные лендинги, а желательно фуллстек, например онлайн кинотеатр,или интернет-магазин и тп. Без этого шансы устроиться фронтендером в 2024 весьма призрачные.

  • @sgatrade8719
    @sgatrade8719 4 หลายเดือนก่อน

    супер объяснение. топчик!!!

  • @BonBiBon
    @BonBiBon 4 หลายเดือนก่อน

    Спасибо! Отличное видео

  • @psifact0r
    @psifact0r 4 หลายเดือนก่อน

    Ни чего не понятно.

  • @Ovsov-Alex
    @Ovsov-Alex 4 หลายเดือนก่อน

    Сука, я тупой! И главное все остальные все поняли. Как будто сначала поюзали пол годика, а потом решили посмотреть, а чё эт мы такое юзаем? Учу js. Нашел прогу проверки знаний. 4 варианта ответа т.е. 25% если тупо перебирать. У меня 20%, точно тупой.

    • @Ovsov-Alex
      @Ovsov-Alex 4 หลายเดือนก่อน

      Если что, мне не 15, а уже как бы 41. Сын коммерческие проекты на C# пишет, а мне кнопочки рисовать захотелось😿

  • @CheapProject
    @CheapProject 4 หลายเดือนก่อน

    ..... для текущего состояния.... state😅

  • @СергейК-б6н
    @СергейК-б6н 4 หลายเดือนก่อน

    Ниче не понял но очень интересно 😂🤔

  • @СергейК-б6н
    @СергейК-б6н 4 หลายเดือนก่อน

    Можно так не спешить 😏

  • @Stanejkeee
    @Stanejkeee 4 หลายเดือนก่อน

    Слишком коротко про классовые компоненты, неполное раскрытие использования классовых методов. Говоря о том, что "Очень важно понимать, как это работает. Так как пример с таймером это лишь один из тысячи примеров", стирается вообще весь смысл видео. Почему бы тогда не сделать одно из двух указанных ниже действий? 1. Взять за пример более сложную логику (запрос данных от сервера по таймеру и клику), а не один таймер 2. Сократить видео до 10 секунд - "Дамы и господа, смотрите документацию Реакт, там есть все примеры. С вас лайк, подписка и комментарий. Всем пока" В общем и целом, мнение моё такое: Для полных новичков, кто ни разу не трогал и работал с React, видео будет очень полезным, но для тех, кто хотя бы немного сталкивался с React Lifecycle, оно бесполезно, так как для полного раскрытия не хватает PureComponent, memo, useMemo, useCallback и так далее и тому подобное :)

    • @rasker666
      @rasker666 หลายเดือนก่อน

      Первое, классовые компоненты сейчас не используются и считаются легаси, а второе, зачем в видео про жизненный цикл компонентов пихать хуки и Memo?

  • @IvanGagarin-q7p
    @IvanGagarin-q7p 4 หลายเดือนก่อน

    Tt

  • @IvanGagarin-q7p
    @IvanGagarin-q7p 4 หลายเดือนก่อน

    T

  • @tanercoder1915
    @tanercoder1915 4 หลายเดือนก่อน

    props не вызывают рендер это миф ... Изменение пропсов путают как следствие обновления состояния... Только хуки usestate use context вызывают рендер или родитель если он перерендеривается

    • @alexkar66
      @alexkar66 4 หลายเดือนก่อน

      Да по-большому счету все верно, ререндер не будет вызван если проп храниться, как локальная переменная, а не переменная состояния в родительском компоненте. Я описывал известную схему и решил придерживаться ее, чтобы не уходить в такие детали. А так да ты прав 👍

    • @ДмитрийСитников-ш2х
      @ДмитрийСитников-ш2х 4 หลายเดือนก่อน

      Ребят, а где это можно почитать? В основном про пропсы пишут, что они вызывают ререндер

    • @SaidKilamatov
      @SaidKilamatov หลายเดือนก่อน

      везде говорится что state,пропс что изменились у родителя будут вызавать componentDidUpadate() у детей

  • @tanercoder1915
    @tanercoder1915 4 หลายเดือนก่อน

    Полезно, но не без ляпов конечно. 😂 Updation это что-то новенькое. Updating или update или componentDidUpdate если уж на то пошло

  • @МаксимМаксим-р2ф
    @МаксимМаксим-р2ф 4 หลายเดือนก่อน

    Подача очень, именно с этими анимациями легче всего воспринимать. Удачи в развитии канала.

  • @ВладимирСветлый-л8г
    @ВладимирСветлый-л8г 4 หลายเดือนก่อน

    Очень полезно, спасибо за контент

  • @nouchance
    @nouchance 4 หลายเดือนก่อน

    спасибо!

  • @Dendosha
    @Dendosha 4 หลายเดือนก่อน

    Спасибо)

  • @luchezarnayamaria
    @luchezarnayamaria 4 หลายเดือนก่อน

    Очень круто!!