Pull to refresh
  • by relevance
  • by date
  • by rating

Нативная разработка vs кроссплатформенная – обсуждаем 30 сентября с владельцами приложений

Development for iOS *Development of mobile applications *Development for Android *Conferences Flutter *
Всем привет! Споры о том, какие мобильные приложения лучше — нативные или кроссплатформенные — не утихают годами. Ранее мы уже писали об этом на Хабре, а теперь предлагаем узнать из первых уст, у владельцев приложений, чем они руководствуются при выборе. Проведем дискуссию, обсудим кейсы и лайфхаки с экспертами Росбанка, Яндекс.Такси, Ак Барс.

Читать дальше →
Total votes 3: ↑3 and ↓0 +3
Views 1.5K
Comments 12

Как у нас получился нативный модуль к React Native

Voximplant corporate blog Website development *Development for iOS *Development of mobile applications *ReactJS *
Если вы еще не знакомы с ReactJS или React Native, то очень рекомендуем ознакомиться, эти фреймворки уже сейчас оказывают значительное влияние на то, куда движется мир разработки мобильных и веб-приложений. Наша же статья о том, как дать возможность веб-разработчику делать приложения для iOS с аудио/видео звонками и другими прелестями платформы voximplant. Создание нативных модулей для React Native — это настолько обширная тема, что про нее можно писать бесконечно и материалов про нее в сети пока еще катастрофически мало. Мы при создании модуля опирались на ряд готовых примеров с github, которые очень помогли не закопаться с этим на века.

Читать дальше →
Total votes 22: ↑21 and ↓1 +20
Views 13K
Comments 3

Droidcon Moscow 2015: уже в эту пятницу

Voximplant corporate blog Website development *Programming *Development of mobile applications *Development for Android *
Всего через несколько дней в офисе Mail.Ru Group стартует одна из крупнейших европейских конференций для айтишников, посвященная Android. Нам в voximplant очень нравится эта платформа: у нас есть нативный android sdk к нашей облачной телефонии, и прямо сейчас разработчики портируют версию для React Native. Да-да, для тех, кто в танке (оцените новую жизнь поговорки) — платформа от Facebook, позволяющая создавать нативные мобильные приложения с помощью javascript, теперь доступна и для Android! По крайней мере в beta версии. Во второй день конференции Olivia Bishop из facebook расскажет об этой платформе, а на третий день на сцену выйду я, и, очень надеюсь, смогу показать работающую версию нашего sdk и поделиться первым опытом портирования. Под катом — мое субъективное мнение о самом интересном, что нас ожидает на конференции. Спойлер: там будет Sony!

очень-очень субъективное, я предупредил
Total votes 14: ↑13 and ↓1 +12
Views 3.4K
Comments 1

О React Native

Development of mobile applications *ReactJS *
Sandbox


Несколько советов о том, что нужно знать, чтобы писать (или не писать) приложения под React Native.

Сразу оговорюсь, что я ни разу не писал приложения под iOS, однако участвовал уже минимум в 4 проектах с React.js, немного разбираюсь в objective-c и знаком с процессом разработки под Android.

Приложение довольно простое (todo лист), но думаю, что это хороший старт.

Задача: написать таск менеджер с монетизацией. Есть наброски интерфейса на invisionapp, остальное — дело техники.
Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Views 50K
Comments 25

Исполнит ли React Native мечту программиста: единый код для web, android и ios?

Voximplant corporate blog Website development *JavaScript *Programming *
Писать код – сложно. Писать код для нескольких платформ – еще сложнее. Программисты это знают, и последние двадцать лет идеи «универсального всемогутора» будоражат умы и воплощаются в разные технологии. Начиная от Java и заканчивая phonegap разработчики очень хотели, чтобы один раз написал и везде работало. Но не складывалось.

А потом facebook сделал ReactJS. Чтобы чат себе починить. И сложилось. Идея сборки интерфейса из javascript “кубиков” оказалась настолько хороша, что facebook портировал фреймворк на мобильные платформы, сделав сначала React Native для iOS, а через полгода и для Android. Сможет ли технология, пришедшая из веба, сделать то, что не получилось у таких монстров, как Java и .NET?
Читать дальше →
Total votes 36: ↑29 and ↓7 +22
Views 78K
Comments 42

5 достойных изучения проектов с открытым исходным кодом на React Native

Plarium corporate blog Programming *Development for iOS *Development of mobile applications *ReactJS *
Translation
Изучение открытого исходного кода – это лучший способ научиться писать качественный код, особенно если речь идет о новом инструменте с не полностью сформировавшимися стандартами. Одним из таких инструментов является React Native. Он постоянно дорабатывается, функциональность его API расширяется с каждым релизом, а количество библиотек растет. В то же время большинство обучающих ресурсов по работе с React Native очень поверхностны и не идут дальше вступительных рекомендаций. Но даже несмотря на это, изучение исходного кода должно быть нормой для каждого разработчика.

Я хочу представить 5 проектов с открытым исходным кодом, которые я изучаю сам и советую остальным.

Читать дальше →
Total votes 29: ↑25 and ↓4 +21
Views 39K
Comments 7

Разработка простого приложения «шагомер» на ReactNative

JavaScript *Programming *Development for iOS *Development for Android *ReactJS *

image
Сегодня в кругах программистов почти каждый знает о библиотеке Facebook – React.


В основе React лежат компоненты. Они схожи с DOM элементами браузера, только написаны не на HTML, а при помощи JavaScript. Использование компонентов, по словам Facebook, позволяет один раз написать интерфейс и отображать его на всех устройствах. В браузере все понятно (данные компоненты преобразуются в DOM элементы), а что же с мобильными приложениями? Тут тоже предсказуемо: React компоненты преобразовываются в нативные компоненты.


В данной статье я хочу рассказать, как разработать простое приложение-шагомер. Будет показана часть кода, отображающая основные моменты. Весь проект доступен по ссылке на GitHub.


Итак, начнем.

Читать дальше →
Total votes 18: ↑16 and ↓2 +14
Views 44K
Comments 14

Создание Android-приложения с помощью React Native

NIX corporate blog Development of mobile applications *ReactJS *
Translation
Tutorial


Как следует из названия, в этой статье мы рассмотрим процесс создания средствами React Native приложения под Android. Оно будет простеньким, всего лишь с текстовым полем. Туда нужно будет ввести имя одного из покемонов, а приложение покажет подробную информацию о полученных данных и зачитает её с помощью функции преобразования текста в речь.

Мы не будем касаться установки Android SDK, React Native и создания проекта, или каких-то иных инструментов разработчиков. Будем исходить из того, что это ваш первый опыт создания приложения с помощью React Native, поэтому подробно рассмотрим каждый кусок кода.
Читать дальше →
Total votes 17: ↑12 and ↓5 +7
Views 28K
Comments 4

Создаем приложение на JavaScript с помощью React Native

Plarium corporate blog JavaScript *Development of mobile applications *API *ReactJS *
Translation
В этом уроке мы будем изучать React Native – фреймворк от компании Facebook для создания нативных приложений под iOS и Android. У него много общего с другим очень популярным фреймворком от Facebook – React Javascript, который предназначен для построения декларативных пользовательских интерфейсов.


Читать дальше →
Total votes 33: ↑30 and ↓3 +27
Views 136K
Comments 54

React в браузерах и на мобильных платформах

1С-Битрикс corporate blog 1С-Bitrix ReactJS *


Этот пост написан по материалам выступления Григория Петрова из компании VoxImplant на партнёрской конференции «1С-Битрикс».

Вообще говоря, наша компания Voximplant занимается созданием решений для облачной голосовой телефонии. Но на страницах этого поста я хотел бы поговорить не об этом, а о некоторых перспективных технологиях. Так получилось, что уже больше 15 лет я делаю софт, как самостоятельно, так и в роли руководителя команд разработчиков и консультанта.

За последние несколько лет индустрия создания программного обеспечения развивается просто безумными темпами. И особенно хорошо это видно на примере близких нам веб-технологий, к которым относятся все продукты «1С-Битрикс». И одним из направлений развития является перенос на мобильные платформы, с внедрением адаптивной вёрстки и многого другого хорошего и интересного. Технологии сменяют друг друга примерно раз в три месяца. Здесь же я расскажу об использовании технологии React, которая сейчас представлена в двух ипостасях: React.js и React Native.
Читать дальше →
Total votes 29: ↑17 and ↓12 +5
Views 16K
Comments 10

Повторное использование строк для высокоэффективной работы со списками React Native ListView

Wix.com corporate blog Development of mobile applications *Development for Android *ReactJS *
Tutorial
Повторное использование ранее размещенных в памяти строк, которые при прокрутке выходят за пределы экрана, ― широко распространенная техника оптимизации использования компонента ListView, изначально реализованная в iOS и Android. Реализация ListView как компонента React Native по умолчанию не содержит непосредственно эту оптимизацию, но имеет ряд других приятных преимуществ. Тем не менее, это отличный образец, достойный изучения. Рассмотрение этой реализации в рамках изучения React также будет интересным мысленным экспериментом.

Списки являются важной частью разработки мобильных приложений


Списки – это сердце и душа мобильных приложений. Множество приложений отображают списки: это и список публикаций в вашей ленте приложения Facebook, и списки бесед в Messenger, и список сообщений электронной почты Gmail, и список фотографий в Instagram, и список твитов в Twitter и т.д.

Когда ваши списки становятся более сложными, со значительным количеством источников данных, тысячами строк, медиа-файлами, требующими большого объема памяти, их разработка также становится сложнее.

С одной стороны, вы хотите сохранить скорость работы вашего приложения, т.к. прокручивание со скоростью 60 FPS стало золотым стандартом нативного опыта взаимодействия (UX). С другой стороны, вы хотите сохранить низкое потребление памяти, потому что мобильные устройства не располагают избыточными ресурсами. Не всегда просто выполнить оба эти условия.



Поиск идеальной реализации элемента ListView


Основополагающим правилом разработки программного обеспечение является то, что нельзя предусмотреть оптимизацию для любого сценария.
Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Views 6.1K
Comments 2

Что такое Flussonic Watcher

Эрливидео corporate blog SaaS / S+S *
Если у вас в голове бурлят идеи о том, как бы сделать историю, в которой будет много пользователей, много IP камер и куча профита с этого, то не проходите мимо — мы расскажем о том, как мы помогаем запускать сервисы массового видеонаблюдения на нашем Flussonic Watcher.

Flussonic Watcher это:


готовый програмный комплекс операторского класса, обеспечивающий многопользовательский доступ к видео и архивам с тысяч IP-камер через браузеры и мобильные устройства.

В состав Flussonic Watcher входит:

  1. видеостриминговое ядро — сервер Flussonic;
  2. веб-портал, предоставляющий доступ администраторам и пользователям к камерам и архивам видео без использования плагинов;
  3. мобильные приложения;
  4. агент на камеру для доступа к ней из-за NAT без проброса портов, мирайя и смс;
  5. система интеграции с внешними биллингами, серверами авторизации;
  6. набор готовых бизнес-процессов и тех-регламентов на подготовку и продажу камер для клиентского видеонаблюдения.

Зачем нужен Watcher?

Читать дальше →
Total votes 16: ↑16 and ↓0 +16
Views 6.9K
Comments 4

Так ли хорош React Native?

Development for iOS *Development of mobile applications *Development for Android *
React Native React Native довольно новая технология которая с первого взгляда кажется серебряной пулей для многих начинающих разработчиков. В статье я хочу развеять этот миф и рассказать что же именно не так с React Native и почему стоит подождать прежде чем его использовать.

И так по порядку, я Full-stack разработчик. Использую последний стандарт javascript на фронетнде и бэкенде. Опыта разработки мобильных приложений нет, но есть 5 лет опыта разработки высоконагруженных проектов на node.js, asp.net mvc. Опробовать React Native я решил при создании простого мобильного приложения — клиента LessPass для Android.
Читать дальше →
Total votes 41: ↑24 and ↓17 +7
Views 25K
Comments 34

Как добавить AppIcon и LaunchScreen в приложение на React Native

Development for iOS *Development of mobile applications *Development for Android *ReactJS *
Sandbox

Не занимаясь никогда ранее нативной разработкой под мобильные платформы, и в этот раз решил пойти "легким путем" — освоить React Native. Наибольшей трудностью стало добавление иконки приложения(AppIcon) и экрана загрузки (Launch Screen). О чем и хочу рассказать в данной статье тем, кто осваивает React Native.

Читать дальше →
Total votes 19: ↑14 and ↓5 +9
Views 20K
Comments 13

React Native — одного JS мало

JavaScript *Development of mobile applications *ReactJS *
Tutorial

Итак, пришла пора быстро погрузиться в тему. Для усиления эффекта, использую разные техники преобразования информации в знания. В частности, представляю конспект доклада Алексея Андросова (старшего разработчика интерфейсов, Yandex).

Читать дальше →
Total votes 42: ↑40 and ↓2 +38
Views 187K
Comments 84

Создание кроссплатформенных приложений с помощью React Native

NIX corporate blog Programming *Development of mobile applications *ReactJS *
Translation
Предлагаем вашему вниманию перевод статьи, которая будет интересна начинающим разработчикам.

React Native — это JS-фреймворк для создания нативно отображаемых iOS- и Android-приложений. В его основе лежит разработанная в Facebook JS-библиотека React, предназначенная для создания пользовательских интерфейсов. Но вместо браузеров она ориентирована на мобильные платформы. Иными словами, если вы веб-разработчик, то можете использовать React Native для написания чистых, быстрых мобильных приложений, не покидая комфорта привычного фреймворка и единой кодовой базы JavaScript.

Конечно, мы и раньше слышали обещания об универсальной разработке приложений, с помощью фреймворков наподобие Cordova или Titanium. А что насчёт React Native? В этой статье мы рассмотрим данный фреймворк и особенности его работы и поговорим о том, насколько удобно использовать React Native для написания iOS- и Android-приложений.
Читать дальше →
Total votes 26: ↑19 and ↓7 +12
Views 37K
Comments 5

React Native: очередная «серебряная пуля» для кросплатформенной разработки?

JUG Ru Group corporate blog JavaScript *Programming *Development of mobile applications *ReactJS *
Есть революции, которые происходят незаметно. Когда разработчики Facebook выпустили фреймворк React Native, никто не захватывал мосты и телеграфы. Новому подходу к кроссплатформенной разработке мобильных приложений удалось взять в плен самое ценное – мозги нативных программистов. Рассказать о центральной идее React Native, его преимуществах, перспективах и недостатках мы попросили Владимира Иванова.



Владимир более шести лет занимается разработкой под Android, обладает опытом создания приложений под iOS и Windows Phone. Последний год он увлекся React Native и начал двигать культуру кроссплатформенного кода в EPAM Systems.
Читать дальше →
Total votes 41: ↑34 and ↓7 +27
Views 21K
Comments 34

Создание приложения для тренировки мозга. Выбор технологии и приемы геймификации

Website development *JavaScript *Development of mobile applications *Game development *

В статье попытаюсь рассказать об опыте поиска кроссплатформенной технологии для реализации хобби проекта посвященного тренировке мозга и некоторых приемах ее геймификации.


Несколько лет назад мной был сделать небольшой сайт с набором упражнений и через некоторое время возникла мысль: перенести идею прокачки персонажа из игр на упражнения, так что-бы игрок прокачивал свои когнитивные навыки.


И пока идея полностью не созрела, начался процесс поиска технологий для реализации версии сайта 2.0, плюс был интерес по изучать новые технологий и языки

Читать дальше →
Total votes 8: ↑7 and ↓1 +6
Views 5.1K
Comments 0

«Сейчас дефицит «нативных» разработчиков»: Михаил Самарин о мобильной разработке в европейской компании

JUG Ru Group corporate blog Open source *Development for iOS *Development of mobile applications *Development for Android *


Возможно, вы уже знаете компанию Futurice, даже если сами об этом не подозреваете: она стоит за популярным списком «Android best practices», перевод которого пару лет назад собрал на Хабре почти 50 000 просмотров. За эту пару лет и оригинал текста был ощутимо обновлён, и с компанией произошло много интересного: она оплачивает вклад сотрудников в open source, активно работает с новыми мобильными технологиями вроде React Native (уже поделившись с миром своим starter kit для него), а к аутсорс-разработке добавила работу над стартапами.

На прошедшей в Петербурге конференции Mobius бизнес-директор компании Михаил Самарин рассказывал о трендах мобильной разработки за последний год: от взлёта того же React Native до дефицита нативных мобильных разработчиков. А мы отдельно расспросили Михаила для Хабра и о компании в целом, и о мобильной разработке. Поскольку он живёт в Хельсинки, в его русскоязычных ответах порой встречаются англоязычные слова — но так только интереснее.
Читать дальше →
Total votes 18: ↑15 and ↓3 +12
Views 8.4K
Comments 17

Что Mobius 2017 рассказал о мобильной разработке

JUG Ru Group corporate blog Development for iOS *Development of mobile applications *Development for Android *


Слушая доклады на IT-конференции, можно не только узнать много конкретной информации из каждого, но и увидеть более общую картину: вместе доклады говорят о том, чем в данный момент живёт и интересуется индустрия.

В Петербурге на прошлой неделе состоялся Mobius 2017 — как прошло мероприятие, и какие общие выводы о мобильной разработке в 2017-м можно сделать по рассказанному там?
Читать дальше →
Total votes 32: ↑30 and ↓2 +28
Views 7.1K
Comments 2