React Native. Зачем и когда использовать.

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

2. REACT NATIVE
ПОЯВЛЕНИЕ REACT
▸ Начало: сложное приложение - Facebook Ad Web App
▸ Проблема: масштабирование кода и команд.
▸ Решение: простая и понятная парадигма программирования.
▸ Результат: Императивный код => декларативный код
▸ Примеры: Buddy list, facebook comment/like box

3. VS

4. REACT NATIVE
ИДЕЯ REACT
▸ Если состояние равно А, то нарисуй представление А’, если
состояние равно Б, то нарисуй представление Б’.
▸ Представление состоит из независимых компонентов, которые
можно комбинировать в декларативном стиле (HTML).

5. REACT NATIVE
ПОСЛЕДСТВИЯ REACT
▸ Проблема: перерисовывать DOM на каждое изменение - это не
эффективно.
▸ Решение: Virtual DOM, server side rendering.
▸ Результат: все счастливы.

6. REACT NATIVE
А ЧТО ДАЛЬШЕ
▸ Цель: получить все преимущества React в мобильных
приложениях?
▸ WebView не работает! Web Workers тоже!
▸ WebView gesture system
▸ Приложение должно быть нативным!

7. REACT NATIVE
React Native – JS обертка вокруг НАТИВНОГО кода
▸ 1 код - 2 приложения?? Можно, но стоит ли?
▸ Learn once, write anywhere.
▸ Логика приложения написана и работает в Node.JS
▸ В React Native представление нативное!
▸ Inline стили (flexbox), потому что у CSS есть проблемы.

10. REACT NATIVE
Hello World Demo