egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Продолжительность
0 ч 14 мин
Категория
React.jsКоличество уроков
11 Видео
Дата добавления
9 июл. 2020 г., 10:22
Язык
Английский
Дата обновления
29 апр. 2026 г., 08:12
Этот краткий курс по React поможет вам быстро погрузиться в разработку интерфейсов, минуя длительную настройку окружения. Вы начнёте писать и запускать код уже через несколько минут, используя удобные онлайн‑инструменты.
Что вы изучите в этом курсе
Материал сфокусирован на практическом применении React и современной работе с компонентами, включая хуки. Курс идеально подходит начинающим разработчикам и тем, кто хочет освежить базовые навыки.
Основы React и JSX
Вы разберётесь, как работает JSX, научитесь создавать компоненты и поймёте, как браузер преобразует JSX в JavaScript‑код.
Подход «Думать в React»
Пошагово освоите методологию проектирования интерфейсов: декомпозируете UI на компоненты, определите источник данных и выстроите корректный поток данных.
Работа с состоянием и хуками
Курс объясняет, как использовать локальное состояние через useState, управлять логикой компонентов и обновлять интерфейс при изменениях данных.
Передача данных через props
Вы научитесь эффективно передавать данные и функции из родительских компонентов в дочерние, создавая гибкие и переиспользуемые блоки интерфейса.
Кому подойдёт этот курс
- Начинающим разработчикам, делающим первые шаги в React
- Фронтенд‑специалистам, которые хотят перейти от теории к практике
- Тем, кто хочет быстро овладеть современным подходом с использованием хуков
Преимущества обучения в этом формате
- Минимальная подготовка: запуск кода в браузере через codesandbox.io
- Короткие, сфокусированные уроки
- Практические примеры и пояснения к каждому шагу
Итог
После завершения курса вы сможете уверенно создавать компоненты, управлять состоянием и строить функциональные React‑приложения с нуля, используя современные возможности библиотеки.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:00:54Write Your First React Component with CodeSandbox.io
- Урок 2. 00:00:36How React Works
- Урок 3. 00:00:48Think in React by Breaking Your UI into Components
- Урок 4. 00:01:01Write a Custom Function Component in React with JSX
- Урок 5. 00:00:41Building a Tree of UI Components in React with Children or with Self-closing tags
- Урок 6. 00:00:40Reusing Custom React Components by Passing Data Down as Props
- Урок 7. 00:01:12Create State Data that can Change in a React Component with useState
- Урок 8. 00:01:15Create a Button in React that Changes Local State and Automatically Updates the UI
- Урок 9. 00:01:29Display a List in React by Looping Over an Array of Items
- Урок 10. 00:02:28Adding Styles to React Components with CSS or Inline Styles
- Урок 11. 00:03:08Perform Asynchronous Actions (like fetching http data) in React with useEffect
https://codesandbox.io/s/react-crash-course-0-first-app-u1hsv
https://codesandbox.io/s/react-crash-course-0-first-app-u1hsv
https://codesandbox.io/s/react-crash-course-think-in-react-oufsm?file=/src/App.js
https://codesandbox.io/s/react-crash-course-jsx-po93x?file=/src/App.js
https://codesandbox.io/s/react-crash-course-tree-of-components-pbpo0?file=/src/App.js
https://codesandbox.io/s/react-crash-course-props-y967e?file=/src/App.js
https://codesandbox.io/s/react-crash-course-state-noqm6?file=/src/App.js
https://codesandbox.io/s/react-crash-course-update-state-w0v3j?file=/src/App.js
https://codesandbox.io/s/react-crash-course-lists-hyw3v?file=/src/App.js:241-373
https://codesandbox.io/s/react-crash-course-styles-3syrz?file=/src/App.js
https://codesandbox.io/s/react-crash-course-async-mkrmr?file=/src/App.js:145-338
Автор - egghead
Комментарии
Please upload this collection of tutorials from Egghead.
https://egghead.io/playlists/composing-closures-and-callbacks-in-javascript-1223?utm_content=composing-closures-and-callbacks-in-javascript-1223&utm_medium=email&utm_source=drip&utm_term=javascript