react native (1 код - 2 приложения?)
TRANSCRIPT
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