"Мы не разрабатываем страницы, мы разрабатываем системы компонентов" Стивен Хэй (дизайнер) ("We are not designing pages, we are designing systems of components" Stephen Hay) Стайлгайд (от англ. styleguide) - это паспорт корпоративных стандартов. Руководство по использованию фирменного стиля, регламентирующее корпоративные цвета, шрифты, формы и блоки, размеры и расположение элементов. Это подробное описание дизайнерских решений для каждого элемента в отдельности и в случае необходимости вместе с другими компонентами. Введение Существует огромное количество разнообразных стайлгайдов: начиная от дизайнерских и заканчивая стайлгайдами по написанию кода на различных языках программирования. У них разные названия, хотя несут в себе один и тот же посыл: создание общих корпоративных правил. Одними из самых первых появились так называемые бренд-буки. Брендбук (англ. brand book) — официальный документ компании, в котором описывается концепция бренда, атрибуты бренда...
Навигация Правильный выбор навигации - залог хорошего проектирования приложений на React Native. От этого зависит не только структура проекта, но и его производительность. На данный момент существует два вида навигации: 1. Нативная Она реализованная с помощью нативных элементов в iOS и Android и представлена двумя библиотеками: Native navigation от airbnb React Native Navigation от wix Их преимущество - быстродействие и отображение специфичных для каждой платформы эелементов навигации. 2. javascript-реализация Здесь можно потеряться в выборе и даже написать свою версию с помощью redux'а. Но самой популярной и часто используемой всё же является: React Navigation Она достаточно проста в использовании, предоставляет основной набор навигации: Stack, Tabs и Drawer, а также возможность создавать вложенные навигаторы. Из недостатков - все анимации просчитываются с помощью javascript'а, и возможны утечки памяти при неправильном проектировании приложения. Так, например, если ...
Что такое z-index Это css-свойство элемента, которое определяет его положение относительно других элементов по оси Z. Оно применяется только для элементов с позиционированием absolute, fixed, sticky или relative (соответствиенно при отсутствии указанного свойства position, добавление z-index'а никак не будет влиять на положение элемента). Есть обычный порядок наложения элементов - это когда последующий перекрывает предыдущий с учетом родительской вложености. Но с помощью z-index'ов мы можем его изменять. Это настолько просто, что многие разработчики пользуются этим, не задумываясь о том, как важно структурировать z-index'ы, чтобы они не испортили проект в будущем. Пример Рассмотрим какой-нибудь стандартный проект на jQuery. Шучу-шучу, пусть будет проект на React'е. Но в целом это не принципиально. Допустим, у нас есть модальное окно, галерея и флэш-сообщения. Начнем с модального окна. Выберем пару библиотек для модалок, наугад, первые из поиска, предполагая,...
Комментарии