React.js - Видеоуроки, курсы, туториалы

Начало работы с React Storybook

Getting Started with React Storybook

React Storybook - это среда разработки компонентов пользовательского интерфейса для React. При этом вы можете разрабатывать компоненты UI без запуска вашего приложения.

0 ч 3 мин 42 сек

English

egghead

Премиум

Посмотреть

Jest тестирование снимками с React Storybook

Jest Snapshot Testing with React Storybook

React Storybook позволяет упростить интеграцию с тестированием снимками в рамках платформы Jest. Тестирования снимками позволяет вам фиксировать состояние вашего пользовательского интерфейса, а затем уведомлять вас о том, что пользовательский интерфейс был изменен. Мы можем легко создавать и обновлять снимки с помощью Storybook!

0 ч 2 мин 27 сек

English

egghead

Премиум

Посмотреть

Добавляем к проекту React Storybook

Add React Storybook to a Project

В этом уроке мы покажем, как настроить React Storybook в существующий проект React. Мы рассмотрим общие файлы конфигурации и как их настроить.

0 ч 3 мин 36 сек

English

egghead

Премиум

Посмотреть

Пишем первый React Storybook Story

Write the First React Storybook Story

Story - это наименьшая единица React Storybook. В Story описывается компонент React, его различные состояния и вариации. Story могут описывать сложные компоненты с динамическими свойствами и данными, загруженными из сервисов. В этом уроке мы напишем наш первый React Storybook Story.

0 ч 4 мин 35 сек

English

egghead

Премиум

Посмотреть

Динамично зазгружаем React Storybook Stories

Load React Storybook Stories Dynamically

React Component stories можно динамически загружать в React Storybook вместо того, чтобы делать это вручную каждый раз.

0 ч 3 мин 11 сек

English

egghead

Премиум

Посмотреть

Инспектируем события компонентов с React Storybook

Inspect Component Events with React Storybook

Компоненты запускают задания через свойста функции, чтобы уведомлять о событиях, которые происходят в компоненте. Мы можем проверить эти события с помощью React Storybook.

0 ч 1 мин 46 сек

English

egghead

Премиум

Посмотреть

React: Flux Aрхитектура (ES6)

React: Flux Architecture (ES6)

По мере того как приложение React растет, также возникают потребности в организации и шаблонах. Как взаимодействуют компоненты? Как управлять состоянием в приложении? Как распределяются данные между компонентами? Это вопросы, на которые Flux имеет ответ.В этой серии мы рассмотрим React Flux, используя ES6 (ES2015), babel и webpack для управления процессом разработки.

0 ч 49 мин 50 сек

English

egghead

Премиум

Посмотреть

React Workshop

 

Ошеломленный Реактом? Не знаешь как подключить точки и создать нечто большее, чем TODO app? Узнай как построить 3 усовершенствованных проекта React с нуля с помощью React Router, TypeScript и Mobx.

11 ч 40 мин 55 сек

English

ihatetomatoes

Премиум

Посмотреть

Продвинутые паттерны React компонентов

Advanced React Component Patterns

Цель этого курса - дать вам знания о продвинутых шаблонах, которые вы можете использовать, чтобы сделать компоненты React более гибкими, проще и веселее - создавать, использовать и поддерживать все приложения. Вы начнете с простого компонента <Toggle />, который будете постепенно реорганизовывать на каждый из шаблонов, чтобы видеть относительные компромиссы шаблонов и как их можно использовать вместе, чтобы повысить полезность вашего компон

0 ч 56 мин 40 сек

English

egghead

Премиум

Посмотреть

ReactJS для нубиков за 1 час [тут ES6]

ReactJS for Newbies in 1 hour [ES6 Version]

Одна пропущенная катка в дота 2 и ты сможешь уже чучуть шарить в React.js. Скорей всего, и так залажал бы в игре.

0 ч 54 мин 1 сек

English

Code4Startup (coderealprojects)

Премиум

Посмотреть