ݺߣ

ݺߣShare a Scribd company logo

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

•Download as PPT, PDF•
•
Idris Djumanov
Idris Djumanov

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

1 of 10
Download to read offline
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 (1 код - 2 приложения?)
React Native (1 код - 2 приложения?)
REACT NATIVE Hello World Demo

More Related Content

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

  • 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 есть проблемы.