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?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо, как всегда шикарно! У вас и у Димыча с it-kamasutra - лучший 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”.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

СУПЕР!!!

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

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

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

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

Спасибо 🙏

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

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

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

спасибо)

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

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

Ура, PDF

Спасибо

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

Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев - bit.ly/3QSOd5j Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3y2uCaf

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

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

огонь!

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

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

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

Здраствуйте, Владилен! Будете ли Вы записывать полный курс по React??? Думаю было бы интересно огромному колическу людей. Заранее спасибо за ответ.))))

Привет, сними пожалуйста видео про алгоритмы, какие учить, как учить и тд. Спасибо.

По Vue.js сделай подобное пожалуйста:)

ууууу завтра собес по реакту) спасибо большое!

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

Очень в тему

Cпасибо за vidos

47 вопрос - Тут на самом деле вопрос на немного глубокую тему. Например, если в нашей произвольной ф-ии обработчик в ряд написать 3 вызова setState, то реакт сгруппирует эти вызовы setState и обновит только 1 раз компонент (и его чилдов), а не будет 3 раза перерисовывать родителя и чилдов. Собственно, это одна из причин, почему setState - асинхронный(странно, что в вашем списке тут нет этого вопроса)

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

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

Cool !)

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