Архив метки: React

Серверный пуш в 5 простых шагов с использованием Flask, React и Twilio Sync

При выборе решения для отправки серверных уведомлений (server push) для вашего веб-приложения вы, скорее всего, будете оценивать WebSocket, HTTP long-polling, Server-Sent Events и, возможно, даже Socket.IO. В этом уроке я хочу познакомить вас с еще одним вариантом, о котором вы, возможно, не знаете: Twilio Sync. Sync — это облачная служба синхронизации, которая работает в разных… Читать далее »

Управление состоянием приложения Symfony-React с помощью MobX

Управление состоянием — это один из важнейших аспектов любого программного приложения, особенно в веб- и мобильных приложениях. Возможность создавать, получать и повторно использовать данные приложения из различных компонентов страниц является необходимой функцией реактивных приложений. В этом туториале я покажу вам, как управлять состоянием данных приложения в веб-приложениях, созданных на Symfony и React. Ранее, в одной… Читать далее »

Интервью с разработчиком: Бернард Бейкер

У Бернарда Бейкера есть основная работа, но в это трудно поверить, глядя на то количество проектов, которым он ежедневно уделяет время. Днем он работает в сфере электронной коммерции, а в свободное время применяет свои навыки программирования для решения различных задач в нашем обществе. В последнее время он сосредоточен на том, как помочь людям оставаться в… Читать далее »

Как опубликовать собственный React-компонент, хук или эффект в виде npm-пакета

На моей предыдущей работе я общался с коллегой о том, как бы глубже погрузиться в open source. Я сказал ему, что хочу выпустить свой первый пакет в npm. Он предложил попробовать сделать это с пользовательским React-хуком или эффектом, который я написал месяцем ранее. Он был предназначен для закрытия выпадающего меню или контейнера при клике за… Читать далее »

Создание чат-приложения с помощью Twilio и KendoReact

Twilio Programmable Chat предоставляет SDK и надежную серверную часть для приложений чата в реальном времени, но в нем отсутствует интерфейс (front-end). Если вам нужен пользовательский интерфейс чата, а также множество других полезных компонентов, то KendoReact — это то, что вам нужно. Kendo UI предоставляет хорошо продуманные и протестированные компоненты, которые вы можете использовать в своих… Читать далее »

Создание чат-интерфейсов с использованием JavaScript и React

Если вы интегрируете сервис, например Programmable Chat от Twilio, в свой сайт, вам понадобится интерфейс для взаимодействия пользователей. Давайте используем React и набор современных инструментов разработки, чтобы создать приложение для отправки и отображения сообщений в чате. Прежде чем приступить к созданию чат-интерфейса, нужно понять, что именно мы хотим создать. Наше чат-приложение будет содержать контейнер с… Читать далее »

Как добавить CSS-фильтры на основе React в Twilio Video

Что это? Вы хотите добавить фильтры в своё видео-приложение, которые не несут никакой практической пользы, кроме как выглядеть круто? Узнайте, как легко добавлять CSS-фильтры к элементам на вашей странице. В недавнем посте мы рассмотрели, как интегрировать React.js в существующее приложение Twilio Video. Давайте продолжим с того места, где остановились, и добавим видеофильтры в виде нового… Читать далее »

Создание видеочата на базе React

Одна из самых сложных дискуссий в разработке программного обеспечения — это обсуждение модернизации существующего приложения. На самом деле, предложение начальству переписать что-то с использованием новой технологии не всегда заканчивается хорошо. Однако с появлением множества новых и улучшенных фреймворков, таких как React, бывают моменты, когда имеет смысл пойти на риск и начать с нуля. Благодаря акценту… Читать далее »

Учебник по React: Начало работы с React, Express и Socket.io

В последнее время я много экспериментирую с React. Например, вы могли видеть пост, который я написал о том, как настроить React, Webpack и Babel для кода на ES6. Создание этого поста доставило массу удовольствия, но я не хотел останавливаться на достигнутом и продолжил разработку. В этой статье я покажу, как использовать React для создания переиспользуемых… Читать далее »

Настройка React для ES6 с использованием Webpack и Babel

ReactJS произвел революцию в мире фронтенд-разработки. Описываемый на своей главной странице как V в MVC, React позволяет создавать переиспользуемые компоненты интерфейса и упрощает поддержку изменений в состоянии данных, абстрагируя DOM. В сочетании с утилитой сборки, такой как Webpack, React значительно облегчает создание и поддержку одностраничных приложений. *Попробуйте библиотеку Twilio для JavaScript здесь*