Реакт. Построение приложения (Часть 1) - ШРИ 2024
Вставка
- Опубліковано 23 чер 2024
- В предыдущих сезонах «ШРИ» мы уже подробно рассматривали сам React. Теперь пришло время детально поговорить о создании приложения с использованием этой библиотеки. В серии лекций мы подробно изучим экосистему React, рассмотрим различные архитектурные подходы, фреймворки, роутеры, стейт-менеджеры и многое другое, что необходимо для разработки современных приложений.
Стоит отметить что это объяснение основ реакта мне больше нравится чем то, что на мдн (на мдн все сжато, а тут прямо еще до создания первого компонента подробно автор разжевывает как работает связывание частей будущего приложения с самого корневого элемента).
Кажется, эта лекция не попала в плейлист "Школа разработки интерфейсов 2024". Остальные лекции по React в плейлисте есть. Так должно быть?
Приветствую! Спасибо за лекцию очень понравилось - и полезно, и с шутками, и очень доходчиво!
Суперский преподаватель! Смог понять контексты наконец-то :)
Подскажите пожалуйста, где можно найти презентации и файлы занятия?
Где можно получить презентацию?
скорее даже не презентацию. а ссылку на код в GitHub
4:13 - начало
в жс все передается по ссылке...
Alt+Shift+стрелка вниз шорткат копирования 26:31 строки вниз Я зарегистрировался в форме, а ссылку на материал (мне исходник JSON с mock.js бы) не получил, на электронке нет ничего
Ладно я сам с экрана набрал (хоть и не благодарное это дело), но ради любви к Реакту ...
export const cinemas = [
{
id: "a757a0e0",
name: "Шесть звезд",
films: [
{
id: "d75f762a",
name: "ОНО",
price: 12,
actors: ["Джейден Мартелл", "София Лиллис"],
},
{
id: "c2cb8f92",
name: "ОНО2",
price: 14,
actors: ["Джессика Честейн", "Джеймс МакЭвой"],
},
{
id: "bd129641",
name: "Лето 84",
price: 8,
actors: ["Грэм Верчир", "Джуда Лькис"],
},
],
reviews: [
{
id: "5909796d",
user: {
id: "a304959a",
name: "Antony",
},
text: "Not bad",
rating: 5,
},
{
id: "429dea85",
user: {
id: "20bed9b5",
name: "Diana",
},
text: "Грязно",
rating: 3,
},
],
},
{
id: "bb8afbec",
name: "Синима Сад",
films: [
{
id: "25402233",
name: "Чужие",
price: 9,
actors: ["Сигурни Уивер", "Майкл Бин"],
},
{
id: "90902233",
name: "Заклятие",
price: 10,
actors: ["Вера Фармига", "Патрик Уилсон"],
},
],
reviews: [
{
id: "53b642d7",
user: {
id: "c3d4abd4",
name: "Lolly",
},
text: "Хороший попкорн",
rating: 5,
},
{
id: "c27ab88e",
user: {
id: "52a63cc0",
name: "Agata",
},
text: "Жесткие стулья",
rating: 4,
},
{
id: "abc0c5e1",
user: {
id: "1547335a",
name: "Rebeca",
},
text: "Отличный звук",
rating: 5,
},
],
},
{
id: "982bfbce",
name: "Прибалтика",
films: [
{
id: "08c9ffa0",
name: "Сайлент Хилл",
price: 5,
actors: ["Рада Митчел", "Джоделль Ферланд"],
},
{
id: "64a4967c",
name: "Заклятие 2",
price: 2,
actors: ["Патрик Уилсон", "Вера Фармига"],
},
{
id: "4bc8528e",
name: "Кошмар на улице Вязов",
price: 4,
actors: ["Хэзер Лэнгенкэмп", "Роберт Инглунд"],
},
],
reviews: [
{
id: "12b642d7",
user: {
id: "dfb982e9",
name: "Sam",
},
text: "Удобное расположение",
rating: 5,
},
],
},
];
Уникальность idшников проверил в VSCode (я их укоротил при наборе с экрана, для обучения таких моковых данных достаточно). Если кому надо, кто тоже не сможет получить доступ к материалам урока можете копипастить