53 - React JS практика - классовый компонент (extends React.Component)

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR:

Front-end

Back-end

Много практики по reactJS, друзья, много примеров, один большой проект, приправленный теорией!

Ещё сегодня на момент записи этого видео (май, 2019) классовые компоненты очень актуальны. Люди пассивны и не торопятся глобально переходить на hook-и. Но это произойдёт. И что, нет смысла разбираться в классовых компонентах?

Есть!!! Во-первых, мы будем разбираться не столько в классовых компонентах, сколько в проблемах, которые они решают!
Во-вторых, классы - это мир ООП, мир, на котором базируется 90% (взял с потолка число) уже созданного программного обеспечения, от игр до нейронных сетей.

Понимать это нужно. В ReactJS некоторые разработчики будут использовать классовые компоненты на новых проектах даже и в 2021 году. Уверене... Вангую))) Проверим))

В двух словах тезисно:
1. класс нужен, чтобы создавать на его основе однотипные объекты
2. классовая компонента нужна, чтобы создавать объекты, отвечающие за жизнь компоненты. Именно с этими объектами будет взаимодействовть React, чтобы, например, получить разметку JSX
3. Так как у нас есть объект, в нём можно хранить состояние (локальный стейт или просто сво-ва), это объект можно пинать, сообщая ему о различных "ситуациях", происходящих с компонентом (методы жизненного цикла)...

летим ;)

* Сайты:

* Мы в соц. сетях:

* Мои личные VK и Insta:

#class #reactjs #практика #примеры #уроки #курс

[artemkravetz]

У Димыча талант не только в кодировании, но еще в преподавании, скажу так, если бы в школе и универе были бы все такие преподаватели, я был бы гением)

[mikewazowski]

Как же всего один человек может изменить мир и повлиять на судьбы многих других людей!
Димыч – увлечённый своим делом профессионал, создал Инкубатор, набрал команду, записал кучу видосов. Обучаюсь в Инкубаторе в 2022, впервые смотрю Путь Самурая и офигеваю, насколько же интереснее и интереснее становится с каждым видео.

До этого год сама страдала в the Rolling Scopes School от епам с нативным JS. Технического бэкграунда не было. Что-то тыкаешься сама, читаешь, ищешь и в итоге создаёшь программу, но создаёшь просто по подобию чего-то, вообще без понимания. И в итоге это всё кажется жутко сложным, непонятным и как результат – потеря интереса и выгорание.

А Инкубатор и этот плейлист от Димыча – просто глоток свежего воздуха. Спасибо, Дима, большое! Ты такой крутой чувак.

[codegorian]

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

[МаксимВавилкин-уж]

Раньше учил JS по курсам Борисова и считал что он лучше всех объясняет любую тему, но ты все-таки превзошел его, такой легкой подачи я еще не встречал. Спасибо тебе огромное за твои уроки!!!

[Ananasovna]

Давно приступила к теме классов, скрепя сердце читала лерн жс, смотрела ликбез из тачилы Димыча по классам, было туго, но более-менее понятно. А на просмотре этого видео небеса разверзлись, на мою бренную голову упал луч золотого света, и ангелочки, играя на арфах, запели "вот онооооо - пониманиеееееее"😆

[Elvolvers]

Спасибо! Level-up! Я самурай 53 уровня! Откройте вебшторм чтобы потратить очки опыта.

[ГеннадийГорохов-цн]

Димычь привет сегодня 27.10.2021 год Я решил попробовать пройти собез, Собез прошёл сказали что у меня знания сейчас Джун+. Увас реально крутой курс спрашивали то что вы нам обьясняли. Продолжаю учиться Спасибо вам за этот курс!!!!

[velimirpokhvalenko]

Понял все концепции, написал всё сам за 3 минуты, без ошибок заработало. Не поверил, переписал, снова заработало.
Спасибо за курс, прекрасное изложение информации!

[TatsianaChorba]

Классовые компоненты, конструктор, JavaScript, extends ReactComponent, React. Видео для обязательного просмотра.

[IgorIckra]

Вот моё любимое занятие, конечно после просмотра видосов Димыча -это читать комментарии на наличие возникших ошибок у людей, ибо после этого я понимаю насколько долго я буду дебажить и получать ''УДОВОЛЬСТВИЕ'')))

[volodymyrsus]

Thanks!

The best lessons of React & Redux!!!

React, Redux, State, Store, Dispatch, Connect, Action, Route, Reducer, Props, extends React.Component

[IgniosTyumen]

Нужно больше просмотров! Ведь это лучшие уроки по ReactJS от Димыча!

[Renarus]

Настоящий самурай, это тот, кто способен улавливать монолог Димыча и понимать все на х1.5

[arthuruI]

смотрю видео на 1.25 скорости и когда вступление стало тоже ускоренным(вроде с прошлого урока) - я думал уже на 1.5 перешёл случайно))
лучший курс по React-Redux в рамках текущих обучалок в сети)

[o.t.]

Дружище. Спасибо, что не бросаешь нас. Отличный курс)

[vseslavr]

Одна из немногих тем, которые я сразу не понял, так как с классами до этого знаком не был. Отложил в сторону, пошел, почитал про классы, посмотрел другие видео, разобрался что к чему, вернулся сюда и теперь все стало понятно. Тем не менее, Димыч, ты, пожалуй, лучший преподаватель, которого я встречал! Это именно то, что я искал (а искал я много)! Святой Грааль! Ты вобрал в себе именно все те качества, которые я искал на других каналах по программированию. То, что ты на некоторых моментах делаешь паузу, возвращаешься назад и вкратце их объясняешь - это очень круто! Не всегда есть время вернуться на 2-3 урока назад и пересмотреть их заново (хоть это было бы и полезно). Но иногда вот такое напоминание просто очень сильно решает и сразу становится все понятно. Ты просто красивчик! Еще и все уроки в свободном доступе. Многие хотят выучить программирование, но далеко не у всех есть деньги на курсы (а они бывают ой какие не дешевые). И я в их числе. С удовольствием тебя бы отблагодарил, но пока нету возможности =)
Еще ты периодически мотивируешь и это очень здорово! Буду бомбить до конца, пока не стану true самураем с джедайским мечем! =)
В свою очередь, надеюсь, своим комментарием я тебя мотивирую тоже продолжать бомбить =))

[tihunvolkov]

о наконец я понял что такое класс и его конструктор, столько раз перечитывал и не понимал все эти примеры, потому что это ж можно сделать просто создать объект. А вот методы, повторять, nice.

[blizzzzful]

webstorm: alt+enter на любой stateless компоненте -> "convert to class component". Ну и live templates под react у шторма тоже норм, например: rscp - Creates a stateless React component with PropTypes and ES6 module system

[unit_lost]

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

[АлексНемов-чи]

Смотрю видео 3 января 2021, все заходит отлично. Хочу оставить небольшой отзыв. Пишу backend на Laravel и решил сделать свой проект более удобным в плане фронтенда. Решил изучить react, ваш курс огонь !!! Кому интересно дополнительно смотрю видео Владилена минина, но он по сложнее объясняет. Лучше смотреть 15-20 видосов Димыча и 1 Владилена. Еще раз спасибо