React Native (1 код - 2 приложения?)

REACT NATIVE

1 КОД - 2 (RESPONSIVE) ПРИЛОЖЕНИЯ?

REACT NATIVE

ПОЯВЛЕНИЕ REACT

▸ Начало: сложное приложение - Facebook Ad Web App

▸ Проблема: масштабирование кода и команд. ▸ Решение: простая и понятная парадигма

программирования. ▸ Результат: Императивный код => декларативный

код▸ Примеры: Buddy list, facebook comment/like box

VS

REACT NATIVE

ИДЕЯ REACT

▸ Если состояние равно А, то нарисуй представление А’, если состояние равно Б, то нарисуй представление Б’.

▸ Представление состоит из независимых компонентов, которые можно комбинировать в декларативном стиле (HTML).

REACT NATIVE

ПОСЛЕДСТВИЯ REACT

▸ Проблема: перерисовывать DOM на каждое изменение - это не эффективно.

▸ Решение: Virtual DOM, server side rendering.▸ Результат: все счастливы.

REACT NATIVE

А ЧТО ДАЛЬШЕ

▸ Цель: получить все преимущества React в мобильных приложениях?

▸ WebView не работает! Web Workers тоже! ▸ WebView gesture system▸ Приложение должно быть нативным!

REACT NATIVE

React Native – JS обертка вокруг НАТИВНОГО кода ▸ 1 код - 2 приложения?? Можно, но стоит ли?▸ Learn once, write anywhere. ▸ Логика приложения написана и работает в

Node.JS▸ В React Native представление нативное! ▸ Inline стили (flexbox), потому что у CSS есть

проблемы.

REACT NATIVE

Hello World Demo