PDF шпаргалка с ответами тут: t.me/js_by_vladilen/95 Получить профессию Frontend разработчика - bit.ly/3yzUGuZ

TimeCode Junior 01 . 1:21 Что такое React? 02 . 2:12 Основные преимущества React? 03 . 3:12 Какие ограничения есть в React? 04 . 4:20 Что такое JSX? 05 . 5:19 Что такое virtual DOM? 06 . 7:06 ЧТо такое Props? 07 . 7:40 Что такое state и как он используется? 08 . 8:26 Что такое refs в React? 09 . 9:40 Что такое JEST? 10 . 10:00 Когда использовать функциональные, а когда Class компоненты? 11 . 10:35 Что происходит при вызове setState? 12 . 11:33 Разница между state и props? 13 . 12:20 Когда нужно делать асинхронные запросы на сервер в React 14 . 13:21 В чем смысл специального атрибута key? 15 . 14:47 Что значит компонент mounted? 16 . 15:22 Разница между контролированным и неконтролируемым компонентом? 17 . 16:00 Что такое фрагменты? Middle 18 . 17:15 Как React обрабатывает пользовательские события? 19 . 18:53 Что такое Redux? 20 . 20:22 Основные этапы жизненного цикла компонента? 21 . 23:10 В setState передавать обьект или функцию? 22 . 24:17 Разница между Контейнер и Презентационным компонентом? 23 . 24:53 Что такое Context? 24 . 27:24 что такое Higher Order Component? 25 . 29:33 Что делает shouldComponentUpdate и почему он важен? 26 . 30:45 Что такое store в Redux? 27 . 30:27 Что такое action в Redux? 28 . 32:08 Что нельзя делать в методе render? 29 . 32:45 Какие типы middleware есть в redux для работы с асинхронностью? 30. 33:03 Что такое Pure Components? 31 . 33:43 Почему не стоит изменять state напрямую? 32 . 34:10 Как изменить state используя динамический ключ? 33 . 34:48 Что такое Error Boundaries в React? 34 . 36:10 Что такое React Hooks? 35 . 37:16 В чем разница между useRef и createRef? 36 . 38:16 Что такое useState? 37 . 39:55 Что такое prop drilling и как этого избежать? 38 . 40:58 Как валидировать props в React? Senior 39 . 41:52 Зачем делать eject? 40 . 42:28 Что такое reducer? 41 . 43:19 Разница между Flux и MVC? 42 . 45:16 Что не так с этим кодом? 43 . 45:56 Какой второй опциональный параметр можно передать в метод setState и за что он отвечает? 44 . 46:23 Что такое mapStateToProps и mapDispatchToProps? 45 . 46:59 Что такое React Fiber? 46 . 47:41 Разница между Flow и PropTypes? 47 . 48:19 Правда ли, что React делает ре-рендер всех компонентов и дочерних компонентов каждый раз когда вызывается setState? 48 . 48:49 Как можно улучшить производительность React приложения? 49 . 49:12 Зачем нужен Redux Thunk? 50. 50:08 В чем ключевое отличие между React и Angular?

Какая-то шутка, вопросы для мидла и сеньёра 3 года назад - инфа, без который тебя на джуна не возьмут в 23

Как всегда хорош) После курса по Реакту очень хорошо все в голове компонует!

Владилен, спасибо за видео и отдельно огромное спасибо за pdf! 🙌🏼

Отлично!! Владилен, спасибо 🙏 А можешь ещё таких видео сделать про js и про Vue ? Было бы круто ))

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

Очень крутое видео, для структурирования информации. Владлен, спасибо за то, что ты делаешь. Respect. :)

Спасибо Владилен, у тебя самый топовый контект в ру сегменте на тему JS и всего что с ним связано.

Очень крут! Спасибо!

Огромное спасибо за видео! Мне ещё далеко до собеса, но просто послушав узнал много нового😊

Супер! за pdf Отдельное ОГРОМНОЕ, спасибо!

шикарно,будет что подучить! Спасибо!

Сенсей, бро, как же я благодарен тебе за это видео. У меня после чтения доки по реакт была такая каша в голове, а это видео вроде про собес, а вроде и нет. Мне оно помогло структурировать знания в голове ✌️👍❤️

шикарно! Красавчик! Спасибо большое!

Даже сейчас много что актуально) Спасибо

Спасибо! Владилен Минин = красавчик! Как всегда на высоте))

Огромная благодарность тебе. Обожаю тебя

Респект! Очень полезный контент!

Бомба, как раз готовлюсь и тут наткнулся на твой канал)

Мне похожие вопросы задавали на джуна. Сам устроился в 34 года js/react разработчиком, вот уже второй год работаю. все изучал онлайн. Сейчас все условия есть и вся инфа под рукой. Решил даже начать свой канал с советами для начинающих.

Спасибо! Даже не представляешь насколько во время))

Спасибо! Ответы на вопросы по реакту!

Советую всем, кто использует это видео в учебных целях проверять всю информацию. Не вздумайте сказать на интервью, что реакт реактивен, вот даже вырезка из документации: There is an internal joke in the team that React should have been called “Schedule” because React does not want to be fully “reactive”.

Молодец, Владилен! Спасибо!

спасибо большое , перед собесом ваше видео это просто находка

Хорошая работа! Спасибо!

Контент класс. Белый фон бьет по глазам, оссобено в контрасте с темными слайдами.

Жаль, что только один раз можно поставить лайк. Спасибо большое! 👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻 и за pdf в группе 👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻 отдельно лайки.

Спасибо, Владилешко!

Спасибо, как всегда шикарно! У вас и у Димыча с it-kamasutra - лучший js и react русскоязычный контент👍

Круто дуже дякую за твою роботу!) Це чудоава можливість безкоштоано отримати ВАГОН інформації і мотивації навчатись і розвиватись!)))

Да, я ждал этого! Мечты сбываются.

Спасиб огромное! Pdf вообще огонь

Лучший, спасибо

Спасибо! Оч клево!

Спасибо! Очень полезное видео! Кто планирует идти на собес, этот ролик must have.

Как общий чек лист для понимания что и как в React особенно при поиске первой работы отлично подходит👍 Пойду устраиваться сеньёром, со своим годом опыта в 18 лет😅

Спасибо за знания!

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

Спасибо вам огромное 👍👍👍👍👍

Спасибо) теперь ждем и по вью )

Спасибо за видео! Можешь пожалуйста сделать такое же видео по node js

Привет! То, что ты выпускаешь такое видео - очень круто! Респект!

Спасибо Вальдос, когда стану профи и открою свою фирму, возьму твоих детей на работу.

Боюсь, что все эти вопросы, это самый базовый уровень джуна :( Мне на собесе вопросы из раздела Senior задавались так, как будто это просто вопросы для разогрева

Спасибо, крутое видео

Спасибо за контент

Ураааа, я дождался, Спасибооо!!

Супер огромное спасибо тебе

Очень полезное видео!

Просто боженька! Как же ты четко сделал с pdf-кой! жаль доната нет)

Очень полезное видео, спасибо Владилен) и отдельное спасибо за пдф в телеге)

Четко обьясняешь спасибо тебе

За видос спасибо, но почему устаревшие методы жизненного цикла?

11 вопрос - есть ошибка: реакт не сравнивает с DOMom. Он сравнивает новое состояние с текущим (только Virtual DOM) - и передает изменения в DOM, которое и отрисовываются.

А можно аналогичную ПДФ-ку по Ангулару бонусом к курсу на Юдеми?:)

СУПЕР!!!

а про тестирование в react можно ожидать?

10:00 А можно узнать с чего вы это взяли? Поскольку уже есть тесты, которые доказывают что это не так и класс-компоненты так же производительны как и функциональные.

Очень чётко рассказал

Владилен, вопрос не в тему немного. Подскажи. Что ты думаешь на счет blazor c#, серьезный конкурент для фреймворков js ?

Спасибо за видео Поправка: реакт не реактивен, он полностью декларативен. Работа с обновлением частей пользовательского интерфейса не происходит путем подписки на стейт (противовес- вью, где все филды обвернуты в прокси (вью3) либо обсервабл через геттеры и сеттеры). В реакте ченж детекшн происходит с использованием декларативного подхода, где мы декларируем состояние компонента, после чего меняем в состоянии данные и маркируем компонент как 'грязный' путем вызова setState либо аналога с useState, тем самым говорим реакту, что есть смысл пересоздать виртуальный дом, т.к. мы явно указали об изменениях

Контекст не был добавлен в 16 реакте, только синтаксис изменили, раньше вызывался через this.context, старый формат еще поддерживается в 16, выпилят только в 17

> 32. 34:10 Как изменить state используя динамический ключ? - а в функциональном компоненте альтернатива есть этому? > 47. 48:19 Правда ли, что React делает ре-рендер всех компонентов и дочерних компонентов каждый раз когда вызывается setState? - то есть твоего заявления следует, что по-умолчанию соседние и родительские тоже перерендериваются, когда в одном дочернем делаешь setState?

Вопрос 10: Скажите, плиз, когда использование хука "useEffect" может быть недостаточно и придется использовать классовую компоненту?

Спасибо за отличное видео, Владилен! Что нужно знать по нативному JS (кроме основ), что бы начать изучать ReactJS?

кто пришел сюда после "Пути самурая" ?

Когда будет такой же видео но только новый обновленным вопросами?

Уже с весны 19го года есть хуки, так что функциональные компоненты вполне себе заменяют классовые, и большинство веще делают даже лучше. Единственное, где классы ещё нужны это componentDidCatch(getDerivedStateFromError уже вроде) или частные случаи, вроде Singleton паттерна, который на функциях я пока как сделать адекватно не нашел.

Спасибо 🙏

А вопрос про React Portal был, или я его пропустил? Мне попадался именно такой вопрос на уровне джуна

спасибо)

Супер видео! Молодец! Владилен, не мог бы что-то подобное выпустить по нативному JS?

Так на момент выпуска, в React уже были хуки позволяющие использовать весь функционал классовых компонентов в функциональных компонента. Это к 10 вопросу)

Ура, PDF

Очень годное видео, только есть вопрос: методы жизненного цикла componentWillMount(), componentWillUpdate() и componentWillReceiveProps() сейчас "deprecated" насколько я знаю, разве нет?

Бро ,не понимаю тебя ,как ты делишься с нами такими вещами бесплатно?Ты супер-человек!!!!!

Спасибо за видео, готовлюсь к интервью. На счёт 10-го вопроса "Когда стоит использовать классовые компоненты а когда функциональные", не устарел ли ответ? Всё чаще слышу что разработчики библиотеки призывают отказываться от классовых компонентов и использовать только функциональные. Чувствую себя немного тормозом, потому что изучая Реакт по видосам из Ютюба, привык работать именно с классовыми компонентами, мой пет проект и 2 тестовых задания были сделаны полностью на классовых компонентах, ибо хотя они требуют больше кода, мне кажутся более удобными.

Кто-нибудь может поделиться опытом помогло ли данное видео на собеседовании? Автору в любом случае спасибо за труд

Можно пример использования на сервере?

За пдф респект, досматривать видос не буду, уже всё прочитал, но лайкну однозначно )

огонь!

Спасибо

А скиньте пожалуйста ссылку где скачать эти вопросы и ответы?!

Cпасибо за vidos

Можете сделать такую же тематику по Vue Js? Пожалуйста!

Что такое refs - это сокращ. References - означает что мы можем создавать так называемые ссылки, да вот скриншот на оф.док - гениальное объяснение, такое же как и документация, тебе на собеседовании скажут - ок не зачитывай зазубренной объясни своими словами что это)) без ввода в определение что это такое за сущность в React или JS - в голове так и остается пустота что этот нечто абстрактное что создается при помощи React.createRef() - жизненный цикл он один, методы у него разные; - контр./неконтр. коп-ты думаю вы сами не понимаете до конца разницу, так как пример противоречащий: инпут и текстареа можно как обрабатывать так и не обрабатывать; Контролируемые компоненты - К-ты в которых источником значений полей (форм) ввода, является состояние самого реакт компонента, а изменение этих значений устанавливается функциями обработчиками, а не HTML поведением по умолчанию. Например

Спасибо! Интересует вопрос, почему в некоторых случаях пишут файлы компонентов с расширением jsx, а в других случаях с расширением js. Ведь и там и там мы используем jsx. Что тогда меняет расширение?

7. You can change the state, but you should do it in an immutable way.

Интервьюер: Должен вам сказать, что мы работаем в подразделении, занимающимся постройкой большого количества коричневых домов. Доводилось ли вам строить множество коричневых домов? Плотник: Ну, я же плотник - я строю дома, а люди уже красят их так, как пожелают. Интервьюер: Да, я понимаю, но не могли бы вы подсказать мне,сколько у вас опыта именно с коричневыми? Ну, плюс-минус. Плотник: Я действительно понятия не имею. С того момента, как дом построен, меня не волнует, в какой цвет его покрасят. Может, шесть месяцев? Интервьюер: Шесть месяцев? Вообще-то мы ищем кого-нибудь с гораздо большим опытом коричневого

Доброго дня. Тема нужная. Актуализировать бы)

Почему видео вышло 28 Ноября 2019 а все скриншоты имеют старый синтаксис Реакта? То есть видно использование старых классовых компонентов

Cool !)

Владилен, разве реакт что-то изменяет? На сколько я понимаю, мутирование не приведет к перерендору.

The Force come with You, my friend!

Очень в тему

Было бы любопытно посмотреть такое же видео по Vue

В Минске(Беларусь) на позицию junior спрашивают в основном из перечня вопросов по мидлу и сениору, все таки 300$ в месяц на дороге не валяются, а еще желательно без реально работающего приложения не приходить))

killer feature:)