Компоненты React. Написание, композиция, оформление компонентов на примере сайта

👇 Разверни для полной информации

Изучаем компоненты React на примере сайта. Создаем структуру компонентов, пишем код компонента, композицию компонентов. Оформляем component react. Изучаем импорт и экспорт компонентов.

00:00 Вступление
01:00 Создание проекта
04:00 Создание компонента APP
07:05 Создание компонента Header
11:30 Создание компонента Footer
14:20 Оформляем компоненты
18:05 Создаем компонент Main
20:50 Подключение json файла с данными
22:15 Вывод данных с помощью JSX
25:00 Вывод данных с помощью map
27:00 Создаем компонент Sidebar
30:00 Вывод навигации c помощью map

Моя рабочая станция:
Processor: AMD Ryzen5 1600 Six-core processor
Video: Asus GeForce GTX 1650 Phoenix 4GB GDDR6
RAM: 16GB
Motheboard: MSI A320M PRO-M2 V2
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Power: Chieftec Value APB-400B8 400W Bulk
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D

Box: Gougar MX350 Mesh

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB

[alephzero]

Просто шикарный контент!Мозговыводящий реакт, который никак не давался мне месяцами, я поняла на этом видео чуть ли не с первых минут.Автору здоровья и долгих лет жизни.❤❤❤

[ynqffvv]

Настолько хорошо объясняете, всё приближено к реальным проектам, что даже решил купить курс по React.

[Lebedev.D]

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

[darafrontend]

Спасибо большое! Очень люблю смотреть Ваши видео! За таймкоды отдельный лайк

[uotgtkj]

Нереально крутое объяснение!!!! Большое спасибо!!!!

[serdar]

Супер понятно !!!! Спасибо за твои уроки

[DH-yvum]

Лучше контента нету чем ваш ! Терпение вам !

[MrVIPKent]

Дякую за цікаве та корисне відео, так тримати

[cristianglodeanu]

Лучшее объяснение за все время которое я встречал, ваши видео топ!!

[nastya]

Огромное вам спасибо за толковое понятное объяснение

[naphania]

весьма и весьма!!! это мгновенные к-л-р-п)

[JavaScriptcher]

Теперь в курсе, что в компоненты можно влаживать другие компоненты!!:))

[ZhukAcademy]

Все дуже круто! Шкода не показали що мають бути унікальні ключі при використані map. Може в наступних уроках покажете ще не дійшов! Уроки у вас круті!

[tdopivu]

Отличное видео, всё очень наглядно и конкретно, жаль вот только что содержимого json файла здесь нет

[flatingofamily]

Повторяю этот материал спустя 7 месяцев после просмотра первый раз.

[skvision]

Чем отличается этот курс от React Lite?

[Tornado-lnfq]

Но основная идея состоит не в этом.Основная идея состоит в том что создав единожды, можно из одного компонента строить множественную структуру, заменяя лишь свойства (props), вот в чем основная идея.Ну если уж совсем простым языком, то это будет так.Создания форм регистрации, создания пабов, создания авторизации, создания "админ панелей", создания опросников, создания чата.К с тате, у реакта очень мощные инструменты для создания чатов.Это его основная концепция UI. А урок мне очень понравился, как мне кажется, только наши додумались реакт использовать для создания страничек сайта, или блогов.

[BogDemona]

Я новичок в реакте, поэтому прошу сильно не пинать. Но вот стало интересно, да подключая json файл наша работа становится проще, но, а если мне надо предположим в середине текста(который взят из json) применить к слову (предложения) определенные стили, например при нажатии на данное слово, мы переходим, на другую страницу. то это, получается нам надо менять сам массив, или использовать условие в функции? ) или может есть третий вариант

[darafrontend]

А Вы теперь пишете через function, а не через Class компоненты?

[prokrastinator]

666 видео по счету, я не христианин, просто прикольная цифра