Frontend Fundamentals | Александр Караджиков
Frontend Fundamentals | Александр Караджиков
  • Видео 8
  • Просмотров 36 423
Жизненный цикл React компонентов | Все что нужно знать за 12 минут
Это видео по сути является дополнением к этому 15 минутному видео ☕ ruclips.net/video/GeulXZP_kZ8/видео.html в котором я рассказал про основные концепции React.
☝ Здесь мы разберем жизненный цикл React компонентов и основные методы жизненного цикла на примере классовых и функциональных компонентов. Напишем простой компонент Clock который будет отображать текущее время на экране пользователя. Приятного просмотра!
✌ Давайте дружить в instagram: sasha_karadzhikov
Просмотров: 3 750

Видео

Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт
Просмотров 18 тыс.3 месяца назад
В этом ролике я рассказал про все основные концепты, которы есть в 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 минут
Просмотров 8 тыс.4 месяца назад
➡ Что нового в React 19 - в этом 10 минутном ролике я рассказал, о всех новых возможностях и улучшениях в React. Приятного просмотра! ➡ В видео рассмотрим: - Actions - Directives - Compiler - use() hook - Optimistic - Less code - Better performance - New Hooks ✌ Давайте дружить в instagram: sasha_karadzhikov
Как быстро стать JUNIOR frontend разработчиком | Что нужно знать | Roadmap 2024
Просмотров 4,9 тыс.5 месяцев назад
В этом видео я рассказал, что нужно знать в 2024 году чтобы стартануть во Frontend и стать JUNIOR разработчиком. - Как стать Frontend разработчиком? - Что нужно знать? - Если я не знаю ничего - у меня получиться? В этом видео я ответил на все эти вопросы, а так же составил Roadmap по технологиям, которые необходимо знать. Roadmap - miro.com/app/board/uXjVKZT8_gU=/

Комментарии

  • @tolb1517
    @tolb1517 День назад

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

  • @Алексей-ш8э3л
    @Алексей-ш8э3л 9 дней назад

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

  • @SHiZeePlaycom
    @SHiZeePlaycom 10 дней назад

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

  • @SHiZeePlaycom
    @SHiZeePlaycom 10 дней назад

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

  • @rusfungame
    @rusfungame 15 дней назад

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

  • @basmaartikova6810
    @basmaartikova6810 17 дней назад

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

  • @Yarikorg
    @Yarikorg 19 дней назад

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

  • @4lloe
    @4lloe 19 дней назад

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

  • @user-zq3zp1gq4k
    @user-zq3zp1gq4k Месяц назад

    Норм ролик ❤

  • @ava_crey
    @ava_crey Месяц назад

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

  • @dmitriyobidin6049
    @dmitriyobidin6049 Месяц назад

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

  • @Devivl
    @Devivl Месяц назад

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

  • @burtartburtart1517
    @burtartburtart1517 Месяц назад

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

  • @sgatrade8719
    @sgatrade8719 Месяц назад

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

  • @BonBiBon
    @BonBiBon Месяц назад

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

  • @psifact0r
    @psifact0r Месяц назад

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

  • @Ovsov-Alex
    @Ovsov-Alex 2 месяца назад

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

    • @Ovsov-Alex
      @Ovsov-Alex 2 месяца назад

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

  • @CheapProject
    @CheapProject 2 месяца назад

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

  • @СергейК-б6н
    @СергейК-б6н 2 месяца назад

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

  • @СергейК-б6н
    @СергейК-б6н 2 месяца назад

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

  • @Stanejkeee
    @Stanejkeee 2 месяца назад

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

  • @IvanGagarin-q7p
    @IvanGagarin-q7p 2 месяца назад

    Tt

  • @IvanGagarin-q7p
    @IvanGagarin-q7p 2 месяца назад

    T

  • @tanercoder1915
    @tanercoder1915 2 месяца назад

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

    • @alexkar66
      @alexkar66 2 месяца назад

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

    • @user-nj6dh2ck2y
      @user-nj6dh2ck2y 2 месяца назад

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

  • @tanercoder1915
    @tanercoder1915 2 месяца назад

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

  • @user-fg5cd3mv2z
    @user-fg5cd3mv2z 2 месяца назад

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

  • @user-gq1kz8cf5e
    @user-gq1kz8cf5e 2 месяца назад

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

  • @nouchance
    @nouchance 2 месяца назад

    спасибо!

  • @Dendosha
    @Dendosha 2 месяца назад

    Спасибо)

  • @luchezarnayamaria
    @luchezarnayamaria 2 месяца назад

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

  • @pavel7930
    @pavel7930 2 месяца назад

    Спасибо!

  • @SOSODESIGN1
    @SOSODESIGN1 2 месяца назад

    Спасибо тебе, добрый человек !

  • @RyukoStd
    @RyukoStd 2 месяца назад

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

  • @GGamess
    @GGamess 2 месяца назад

    заслужил подписку

  • @TakeAndPlay
    @TakeAndPlay 2 месяца назад

    блин, 15 минут, но разобрал реально все. те же хуки я несколько часов когда-то гуглил по разным сайтам, но так и не въехал что оно такое. автор красавчик

  • @yakut54
    @yakut54 2 месяца назад

    Там для новичков, сям для новичков.... масло масляное. Ютюб трещит уже. Сними плей лист для middle+. React+TypeScript + тесты ci/cd pipeline + настройка сборщика + линтеры, например. А не... это трудно и просмотров много не соберёт. Не выгодно. Ага.

    • @frontend-karadzhikov
      @frontend-karadzhikov 2 месяца назад

      Ну трудного особого ничего нет, такое видео будет гораздо легче по монтажу и затраченному времени, хотя смотря как подойти. А вот по поводу ширины аудитории это скорее правда

  • @Respectedbro
    @Respectedbro 2 месяца назад

    Ни**я не понял, но очень интересно(хотя js выучил)

  • @fortuna006
    @fortuna006 2 месяца назад

    Спасибо большое!!

  • @VladislavShostak-nf8qj
    @VladislavShostak-nf8qj 2 месяца назад

    Возможно стоить ознакомится с графическими редакторами во время изучения HTML и CCS? PS, Figma и т.д.

  • @Vin_Mariani
    @Vin_Mariani 2 месяца назад

    огромное спасибо!

  • @user-fy3fw3zo3y
    @user-fy3fw3zo3y 2 месяца назад

    2 года изучения (с поиском работы) и готово. Вы - джун на испытательном за 40к

    • @frontend-karadzhikov
      @frontend-karadzhikov 2 месяца назад

      Моя первая работа была на 180к после 9 месяцев обучения :)

    • @user-fy3fw3zo3y
      @user-fy3fw3zo3y 2 месяца назад

      @@frontend-karadzhikov а я вообще не работаю, биток купил ещё в школе. Только к чему это. Сейчас рынок выглядит так, как я описал :) Накрутишь коммерческий опыт до мидла, возьмут может за 130...но опять же, из-за раздутого стека и конкуренции - это даже не 1.5 года учебы.

    • @GGamess
      @GGamess 2 месяца назад

      ага, джун который будет платить за стажировку)

  • @bobbob-rd7yz
    @bobbob-rd7yz 2 месяца назад

    Solid.js смог обойтись без виртуального дома убрав дубликати загрузок и скорость при етом увеличилась, тогда как реакт продолжает юзать виртуальний дом как защиту от нежелательних изменений.

  • @gnomframe1563
    @gnomframe1563 2 месяца назад

    дадада гит, понял, ясно. Сколько на грудь жмешь?)

  • @Karpick_ds
    @Karpick_ds 2 месяца назад

    Поздравляем! Пройдя эту мапу теперь вы стали ещё одним фронтенд интерном! Осталось самое незначительное: Найти работу)) [в самом конкурентном направлении, где таких как вы воз и телега]

    • @NoName-t7i1r
      @NoName-t7i1r 2 месяца назад

      Жизненно, уже подумываю в 1с уйти, там перекати поле в откликах на вакансии

  • @mouri_san
    @mouri_san 2 месяца назад

    видео заслуживает большего внимания, желаю успехов

  • @okundin
    @okundin 2 месяца назад

    Я бы поставил первый пункт, изучение сетей и как работает интернет куда-нить подальше, после typescript. На кой мне знать как данные пакетами летают по сети интернет?! На первых парах необходимо че-нить помутить с простыми сайтиками, приложухами. А сети потом подтянутся. Мы же не DevOps изучаем.

    • @kytaaaaaa
      @kytaaaaaa 2 месяца назад

      Это просто база которую любой человек в IT (кроме дизайнеров наверное) должен знать и понимать, тем более это не так уж и сложно... Лучше сразу понять и запомнить как что работает, не возвращаясь к этому больше)

    • @okundin
      @okundin 2 месяца назад

      @@kytaaaaaa да это понятно, что база. Вопрос в том в какую очередь эту базу изучать. Для изучения HTML/CSS/JS/TS это совсем не нужно.

    • @lvan_lvanov
      @lvan_lvanov 2 месяца назад

      Поверь, это пригодится. Если ты знаешь эту базу, то ты уже не такой зелёный вкатун с курсов кажешься, а будешь как человек интерн, который хоть что-то да знает. Вот попросят тебя прокси какое-нибудь для работы на удалёнке настроить или интернет подшаманить, а ты и не знаешь даже, что это такое - прокси, айпи адреса, домены, днсы. Не, щас кто-то подумает и скажет, что я душу, но всё же, лучше бы такое знать конечно.

    • @okundin
      @okundin 2 месяца назад

      @@lvan_lvanov для этого сисадмин есть, ну или должен быть. А так рискуешь стать им без доп оплаты.

  • @mikhailius
    @mikhailius 2 месяца назад

    Видосик хороший. Нового не узнал, продолжаю упорно сидеть на Angular с RxJs'ом головного мозга. Но рыночек требует держать в уме еще и этого нашего реакта. В целом, простой, как шейцарские часы. А вся сложность React проектов, обычно в том, что их очень любят обвешивать сырыми и кривыми библиотеками сверху, для работы с стором и т.п. (по крайней мере года 4 назад любили).

  • @okundin
    @okundin 2 месяца назад

    А тут смотрю все видосы любых программистов только для новичков. Если делать для продвинутых, наверно помидорами закидают 😂. Поэтому только для новичков и есть!

  • @vitodymek9575
    @vitodymek9575 2 месяца назад

    нихрена на понятно. с чего всё же лучше начать, чтобы вот это вот всё стало понятно?

  • @sasha-alina-travel6070
    @sasha-alina-travel6070 2 месяца назад

    Так держать 👏🏼 👨🏼‍💻