К содержанию

Главен туторијал за React

Туторијал за JavaScript фрејмворкот React. За почетници. Многу теорија и задачи.

Уроки

Вовед во фрејмворкот React

Инсталација на React рамката

Инсталација на додатокот react-devtools

Вовед во компонентниот пристап во React

Макет на веб-страницата на React рамката

Резултат на работа на компонента

Јазикот JSX

Вовед во JSX јазикот во React

Враќање на вгнездени JSX ознаки со функции

Правила за враќање на функцијата при спуштање на тагот надолу во JSX

Карактеристики на враќање на повеќе тагови во JSX

Враќање на незатворен JSX таг

Враќање на празен таг од функција во JSX

Вметнување на вредности на променливи и константи во JSX

Нијанси при вметнување на вредности на променливи

Вметнување на низи во JSX

Вметнување на објекти во JSX

Вметнување на променливи и константи во атрибути на тагови во JSX

Складирање на тагови во променливи и константи во JSX

Карактеристики на чување на повеќе тагови во JSX константи

Тагови на различни редови во JSX

Враќање на тагови преку return во JSX

Затворање на тагови во JSX

Коректност на верстањето во React

Извршување на JavaScript код

Услови

Користење на услови во JSX

Приказ по услов во React

Услови за враќање на таг во JSX

Тернарен оператор во JSX

Употреба на операторот && во JSX

Инвертирање за скратени услови во JSX

Функции

Користење на функции во React

Повикување на функции во тагови во React

Додавање на настани во JSX

Параметри во JSX функцијата

Event објект во React

Објектот Event при пренесување параметри

Формирање на тагови

Тагови во низи во JSX

Формирање на низа од тагови во циклус на React

Формирање на тагови од низа со податоци во React

Уникални клучеви во низа од тагови во React

Приказ на низа од објекти во React

Уникални клучеви преку id во React

Приказ на објекти од низа во форма на HTML табела во React

Уникални id

Дискусија за уникатни id во React

Проблеми со нови id во React

Случајни низи за id во React

Генерација на id во React

Функција за генерирање на id во React

Користење на функцијата id во React

Погрешно користење на функцијата id во React

Состојби

Вовед во состојби во React

Користење на state-и во React

Реактивност на состојбите во React

Логичка вредност во состојбата во React

Бројач на состојби во React

Форми

Работа со input-и во React

Промена на податоците за внесување при нивно прикажување во React

Промена на податоци со функција во React

Работа со повеќе влезни полиња во React

Обработка на податоци од форма при кликнување на копче во React

Работа со textarea во React

Работа со checkbox во React

Чекбокси и условен рендеринг во React

Работа со select во React

Пункти од селект од низа во React

Атрибути value во select во React

Атрибути value на селектот од низа во React

Работа со radio во React

Стандардни вредности во React

Поврзување на инпути со низа во React

Поврзување на инпути со објект во React

Податоци

Реактивност на податоци во React

Реактивно додавање во низа во React

Реактивни операции над низи во React

Реактивно додавање во низа од објекти во React

Реактивни операции над низи од објекти во React

Реактивно прикажување на податоци во React

Компоненти

Вовед во компоненти на React

Користење на компоненти во React

Неколку инстанции на компонента во React

Пропси на компоненти во React

Креирање на детски компоненти во React

Низа за креирање на деца компоненти во React

Детски компоненти во цикъл React

Пренос на состојби во деца компоненти во React

Пренесување на id во компонента во React

Промена на состојбата на родителот во детски компонент во React

Уредување на состојбата на родителот во детскиот компонент во React

Уредување на state во внук компонента во React

Режими на работа преку состојби на компоненти-потомци во React

Концепти

Концепции на React при работа со компоненти

Податоци на компонентите во React

Типови на компоненти во React

Еднострански проток на податоци во React

Подигање на state во React

Еден извор на вистина во React

Стилизирање

Начини за стилизирање на React компоненти

Користење на глобален CSS при стилизирање во React

Вметнување на податоци во атрибутот style од објект во React

Вметнување на податоци во атрибутот style од одделна датотека во React

Работа со CSS стилови во атрибутот style во React

Вметнување на податоци во атрибутот style од променливи во React

Стилизација со Styled Components во React

Користење на пропси со Styled Components во React

Користење на пропси во условно рендерирање со Styled Components во React

Напредна стилизација на компоненти во React

Почеток на учењето со стилизирање со CSS modules во React

Продолжување на изучувањето на стилизирањето со CSS modules React

Команда composes за класи во CSS modules во React

Командата composes за датотеки во CSS modules во React

Проекти

Проект Чеклист во React

Проект Бележник во React