eggheadReact.js
Drag and Drop с react-beautiful-dnd
Beautiful and Accessible Drag and Drop with react-beautiful-dnd
Перетаскивание (Drag and Drop) часто строится для сортировки списков контента по вертикали и горизонтали.
egghead — React.js - страница 3
781React.js, Курсы от egghead
egghead
eggheadReact.js
Совместно используемые пользовательские Хуки в React
Shareable Custom Hooks in React
В React 16.8 появились хуки типа useState для использования логики с отслеживанием состояния в наших функциональных компонентах и useEffect для побочных эффектов, ранее использовавшихся только в компонентах на основе классов.
eggheadReact.jsGraphQL
Масштабируемые Offline-Ready приложения GraphQL с AWS AppSync и React
Scalable Offline-Ready GraphQL Applications with AWS AppSync & React
С GraphQL вы можете определить форму ваших данных в схеме, и GraphQL выполнит запрос с точными данными, которые вам нужны. Когда вам это нужно. Это не обходится без затрат. GraphQL значительно усложняет ваше приложение, требуя от вас определения схем с помощью типов, мутаций и распознавателей.
eggheadReact.jsRedux
Асинхронное управление состоянием с redux-observable v1
Asynchronous State Management with redux-observable v1
Обработка асинхронных действий, которые влияют на состояние вашего приложения, звучит как непростая задача, но Redux делает это возможным - и это беспроигрышный вариант для вас и пользователей вашего приложения.
eggheadReact.js
Создание виртуальной реальности с React VR
Build Virtual Reality Experiences Using React VR
В этом курсе мы рассмотрим возможности использования виртуальной реальности в вебе с помощью React VR.
eggheadReact.js
Создание гладких, совершенных переходов с React Transition Group v2
Create Smooth, Performant Transitions with React Transition Group v2
React Transition Group дает вам возможность делать переходы компонентов React в DOM и из него, в зависимости от состояния, к которому они привязаны, без каких-либо странных действий. Без React Transition Group вы наверное используете много display: none свойств, а также некоторые довольно неприятные хаки setTimeout. Но с его помощью вы можете написать свои элементы перехода с аккуратным, декларативным, совершенно новым API - и никаких хаков в пол
eggheadReact.js
Разрабатывайте приложения React с помощью Mobx и TypeScript
Develop React Applications with Mobx and TypeScript
Комбинация TypeScript-React это отличный опыт для разработчиков в плане написания понятного и реорганизуемого HTML. Но для управления состоянием по умолчанию в React нужно пройти долгий путь, чтобы чувствовать себя простым и обслуживаемым, и именно здесь MobX делает вашу жизнь намного проще. MobX делает вещи простыми, не используя сложные настройки, такие как провайдер и соединение, которые обеспечивают слишком малую ценность для всех умственных
eggheadReact.jsДругое (QA)
Тестирование React компонентов с Enzyme и Jest
Test React Components with Enzyme and Jest
В этом курсе мы обсудим правильную настройку Enzyme с Jest для тестирования визуализированных компонентов. Это включает в себя все необходимое, чтобы наша среда тестирования работала с различными версиями React. После того, как мы подготовим настройку среды, мы проработаем различные способы визуализации компонента на наших тестовых страницах. С визуализированным компонентом мы теперь можем тестировать методы и свойства компонента, чтобы утверждат
eggheadReact.jsProgressive Web App (PWA)
Прогрессивные веб-приложения в React с create-react-app
Progressive Web Apps in React with create-react-app
Прогрессивные веб-приложения (PWA) позволяют пользователю использовать ваше веб-приложение в Интернете или в автономном режиме и позволяют ему устанавливать приложение на свое устройство iOS или Android, как собственное приложение. Звучит отлично, правда? Но может быть сложно правильно настроить PWA, и не каждая функция работает на каждом браузере или устройстве.
eggheadReact.js
Современные инструменты JavaScript с React
Modern JavaScript Tooling with React
Создание приложения с помощью React обычно включает в себя несколько инструментов. Независимо от того, настраиваете ли вы их самостоятельно или используете инструмент, предназначенный для спасения вас от конфигурации, такой как Create React App, эти инструменты все еще есть. Когда вы сталкиваетесь с ситуацией, когда вам нужно начинать с нуля или вносить изменения в конфигурацию веб-пакета или Babel, это помогает понять, что делает каждый инструме