Конец эпохи виртуального DOM (React)

Самый популярный на сегодняшний день преемник устраняет пробел, созданный его предшественником. Чтобы разобраться в изменчивой структуре фреймворков, заглянем в эпоху JQuery. В то время кросс-браузерная поддержки для любого веб-приложения была кошмаром для разработчика. JQuery (и связанные с ней библиотеки) была способом веб-разработки. Однако у нее были свои ограничения. Размер кода раздувался ПОДРОБНЕЕ

Версионирование независимых UI-компонентов

Большинство компонентов версионируются как часть проекта (например, component-library), что противоречит концепции создания модульных UI-приложений. Например, чтобы использовать слайдер-компонент, нужно внедрить в приложение полную библиотеку с единой версией, которой должен соответствовать каждый компонент. Версионирование отдельных компонентов с использованием SemVer обеспечивает детальный контроль над составом UI-приложений. Разработчики могут использовать общие компоненты, а ПОДРОБНЕЕ

Первые шаги в анимации React Native

Когда я только начал работать с React Native (RN), у меня никогда не доходили руки до изучения анимации. Многие вещи казались важнее, поэтому я забывал про эту замечательную тему. Но анимации довольно важны, ведь хорошо выглядящему приложению простительны некоторые недостатки. Когда вы привыкнете к работе анимаций, вам станет проще добавлять ПОДРОБНЕЕ

Как загружать изображения в RAILS API и возвращать их обратно

Мне потребовалась неделя, чтобы написать back-end основу для Supagram при помощи Rails API. Supagram — это легкий браузерный клон Instagram, в котором есть те же посты, лайки и отслеживание хронологической активности подписчиков. Самой большой трудностью, которую я предвидел, была полиморфная база данных взаимоотношений между пользователями в качестве подписчиков, тех, на кого они ПОДРОБНЕЕ

Как предотвратить состояние гонки с помощью React Context API

В сервисной команде Stream мы с удовольствием работаем с различными клиентами и ежедневно решаем захватывающие задачи. Эта статья посвящена одному из таких решений. В ней мы рассмотрим тонкости создания нативного приложения JavaScript и креативные решения, неизбежно возникающие при использовании нескольких языков программирования. Мы недавно объединились с ребятами из Branch для ПОДРОБНЕЕ

Увеличиваем производительность приложения React + Redux с библиотекой Reselect

Селекторы — это очень простой способ выбрать состояние из хранилища redux, которое содержит всю логику и данные приложения. Если вы создаёте приложение с помощью React и Redux, от использования селекторов вы только выиграете. Как выглядят селекторы? Перед тем как мы разберемся, почему селекторы удобны и как их использовать, давайте посмотрим, как приложение ПОДРОБНЕЕ

Компоненты высшего порядка в React

В этой статье мы рассмотрим компоненты высшего порядка (Higher-Order Components, HOC) в React. Что такое HOC? HOC — это особая техника в React, при которой функция принимает аргумент Component и возвращает новый компонент. function composeComponent(Component) { return class extends React.Component { render() { return <Component /> } } } В данном примере функция ПОДРОБНЕЕ

Layout для Material-UI

Material-UI — одна из самых популярных библиотек компонентов react. Однако невозможно найти ни одной инструкции или статьи о том, как создать layout на основе этих компонентов. Поэтому приходится комбинировать Drawer, Header (AppBar), Content и Footer самостоятельно. Для тех, кто не разбирается в Material-UI, потребуется как минимум 3–4 часа, чтобы разобраться (с высокой ПОДРОБНЕЕ

Как создать библиотеку компонентов для совместного использования

Пример Прежде чем начать, рассмотрим пример того, что должно получиться в результате. Здесь можно найти библиотеку Semantic-UI-React. Этот репозиторий также доступен как пакет на NPM. Библиотека Semantic-ui-react до обмена на Bit С помощью Bit примерно за 15 минут эта библиотека превращается в коллекцию индивидуальных компонентов в облаке. Компоненты можно обнаруживать, ПОДРОБНЕЕ

React Native vs Flutter

Сегодня в мире насчитывается порядка 2,5 миллиардов пользователей смартфонов, и их количество только растёт. Смартфоны используют для разных целей, начиная от установки напоминаний до проведения денежных транзакций. Многие компании осознали важность наличия собственного мобильного приложения для своих клиентов. Поэтому спрос на разработчиков только растёт. Те, кому позволяет бюджет создают приложения ПОДРОБНЕЕ