Сообщения

Погружение в React Native: навигация, работа оффлайн, пуш нотификации

Изображение
Навигация Правильный выбор навигации - залог хорошего проектирования приложений на React Native. От этого зависит не только структура проекта, но и его производительность. На данный момент существует два вида навигации: 1. Нативная Она реализованная с помощью нативных элементов в iOS и Android и представлена двумя библиотеками: Native navigation от airbnb React Native Navigation от wix Их преимущество - быстродействие и отображение специфичных для каждой платформы эелементов навигации. 2. javascript-реализация Здесь можно потеряться в выборе и даже написать свою версию с помощью redux'а. Но самой популярной и часто используемой всё же является: React Navigation Она достаточно проста в использовании, предоставляет основной набор навигации: Stack, Tabs и Drawer, а также возможность создавать вложенные навигаторы. Из недостатков - все анимации просчитываются с помощью javascript'а, и возможны утечки памяти при неправильном проектировании приложения. Так, например, если ...

React Native: путь новичка

Изображение
"Если долго сидеть на берегу реки, можно увидеть, как проплывает труп фреймворка, который вы давно хотели изучить." Китайская народная мудрость Краткое содержание статьи: 1. Источники информации 2. React модули 3. React Native модули 4. JavaScript библиотеки 5. "Баги" 6. Выводы React Native - самая, пожалуй, интересная и быстроразвивающаяся платформа. Сегодня ты создаешь новый проект на базе её последней версии, и уже через несколько месяцев она успевает устареть на несколько релизов. И если ещё год назад React Native был еще достаточно сырым продуктом, то уже сейчас к нем написано множество как плагинов для работы с нативными компонентами, так и обычных react-компонент. Итак, с чего начать? Могу порекомендовать книгу "Learning React Native: Building Native Mobile Apps with JavaScript" Bonnie Eisenman. Несмотря на то, что примеры из книги написаны с использованием устаревшего синтаксиса, её прекрасно можно использовать как пособи...

Лучшее из 2016

Очень насыщенный и, возможно, в чем-то продуктивный был год. Из запланированных хотелок осуществились следующие: прошла достойный курс на coursera прошла хороший курс по рисованию персонажей и работе с цветом вышли на большой конкурс по бальным танцам. Пусть и не заняли мест, но был опыт. прочитала еще несколько хороших книг, если Дозоры считать неплохим чтивом =) Ну и конечно лучшее в 2016 году: Online курсы 4 курса из специализации "Create Imaginative Games" (CalArts) Курсы Харьковский летний интенсив : Academic Painting, Photoshop, Character Design, ZBrush Tools Книга "Дозоры" Лукьяненко Игра WoW Блюдо Макаруны Activity Сноуборд, катание на яхте Мультфильм Зоотрополис Конференция ОдессаJS, ХарьковJS Город Стамбул, Минск, Санкт-Петербург, Гродно Страна Республика Белорусь, Греция (Крит), Италия Курорт Буковель, Драгобрат, Валь ди Фасса Достижение Участие в кубке мэра г. Днепропетровска Очень насыщенные рисованием и творчеством...

CSS Bliss: основные особенности методологии

Изображение
Среди множества методологий организации стилей ( BEM , SMACSS , OOCSS , SUITECSS ) хочется отдельно выделить одну: CSS Bliss . Это квинтэссенция удобства использования и читабельности. Для начала определимся в основных понятиях: модуль, элемент и модификатор. Эти определения наиболее близки БЭМу, за исключением того, что Модулем в CSS Bliss именуется Блок. Далее будет понятно, почему Модуль - более подходящее значение. В целом сама методология очень близка к БЭМу, но имеет свои особенности, о которых стоит поговорить отдельно, потому что именно они позволяют стать CSS Bliss на ступеньку выше остальных. Основные отличия CSS Bliss: 1. Именование модуля, элементов и модификаторов: Если в БЭМе основными разделительными частицами выступают "-" и "_": .my-module__my-element_modifier то CSS Bliss улучшает читабельность путем использования заглавных букв: .MyModule-myElement--modifier Лично мне очень сложно различать дефис и нижнее подчеркивание, тем бол...

Прогноз погоды в консоли

Изображение
Замечательный погодный сервис в твоей консоли: curl http://wttr.in Можно прописать алиас: alias weather='function _weather(){ curl http://wttr.in/$1 };_weather' и после этого набирать в консоли (для текущей локации, города или помощи): weather weather London weather :help

Лучшее из 2015

Online курсы "Astronomy: Exploring Time and Space" by Chris Impey (University of Arizona) Курсы Академрисунок к а р а н д а ш е м Книга "Гарри Поттер" Джоан Роулинг, "Убить пересмешника" Харпер Ли и "Книжный вор" Маркус Зузак Игра Diablo III & World of Draenor Музыка Magic! "Rude" Танцевальный исполнитель: Koharu Sugawara & Yuki Shibuya Увлечение Квест комнаты Блюдо Паски , печеночные тортики и яблочные розочки Activity Сноуборд, водные лыжи и серфинг. Город Санкт-Петербург Страна Шри-Ланка и Словения Курорт Буковель Библиотека React.js Достижение Сказка в инстаграмме Подводя итоги года, каждый раз удивляюсь каким же долгим и разнообразным он был. Мы побывали в трех странах, были на мастер-классах по гончарству и рисованию маслом Множество вещей попробовали в первый раз: серфинг в Шри-Ланке и жареные каштаны в Словении. Начали свой проект на react.js. Кто-то впервые летал самолетом ...

Стайлгайд и компонентная разработка

Изображение
"Мы не разрабатываем страницы, мы разрабатываем системы компонентов" Стивен Хэй (дизайнер) ("We are not designing pages, we are designing systems of components" Stephen Hay) Стайлгайд (от англ. styleguide) - это паспорт корпоративных стандартов. Руководство по использованию фирменного стиля, регламентирующее корпоративные цвета, шрифты, формы и блоки, размеры и расположение элементов. Это подробное описание дизайнерских решений для каждого элемента в отдельности и в случае необходимости вместе с другими компонентами. Введение Существует огромное количество разнообразных стайлгайдов: начиная от дизайнерских и заканчивая стайлгайдами по написанию кода на различных языках программирования. У них разные названия, хотя несут в себе один и тот же посыл: создание общих корпоративных правил. Одними из самых первых появились так называемые бренд-буки. Брендбук (англ. brand book) — официальный документ компании, в котором описывается концепция бренда, атрибуты бренда...