Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

React новая эра фронтенд разработки / Роберт Харитонов (Liberty Global)

690 views

Published on

React(JS) — это современная библиотека для разработки UI компонентов от Facebook, по праву считающаяся самой трендовой технологией среди JavaScript разработчиков на 2015/16 год.

Но каким образом React стал настолько популярен в среде разработчиков, учитывая что библиотека покрывает только View из необходимого минимума MVC архитектуры? Ответ таится в экосистеме технологий, в рамках которой нам открываются совершенно новые способы разработки приложений, не только для веба, но и нативных платформ с родным UI (iOS, Android, Win 10, OSx).

Роберт расскажет, почему огромная популярность React более чем заслужена, и почему это не "очередной фреймворк", а чуть ли не самое большое изменение в JavaScript разработке за последние годы.

Published in: Engineering
  • Be the first to comment

React новая эра фронтенд разработки / Роберт Харитонов (Liberty Global)

  1. 1. Реакт: новая эра 
 фронтенд разработки Роберт Харитонов @operatino & rhr.me
  2. 2. Front-end Development Lead Liberty Global / Ziggo Роберт Харитонов @operatino
  3. 3. Vзначит View в традиционном MVC, а так же Virtual DOM
  4. 4. Реакт — это декларативная библиотека для синхронизации DOM с вашими данными.
  5. 5. но...
  6. 6. @operatino Экосистема во главе всего • Реакт закладывает основы функционального программирование в UI код • Поддержка кроссплатформенного рендеринга • Отличная поддержка композиции модулей • Огромное сообщество и множество инструментов
  7. 7. @operatino Новая эра
  8. 8. @operatino Почему Фейсбук создал Реакт • Предсказуемость исполнения UI кода • Инкапсуляция состояния в компонентах • Неизменные параметры компонентов и однонаправленный поток данных • Композиция, простота разработки и дебага • Новые подходы разработки сложных интерфейсов
  9. 9. @operatino React makes rendering of UI as simple as defining a function.
  10. 10. @operatino
  11. 11. @operatino Осваивайте программирование, а не инструменты.
  12. 12. @operatino Почему вам стоит попробовать Реакт?
  13. 13. @operatino
  14. 14. @operatino Преимущества Реакта • Гибкость внедрения • Простота поддержки кода • Мощные библиотеки компонентов • Кросс-платформенный рендеринг • React Native
  15. 15. @operatino Before we jump in...
  16. 16. @operatino
  17. 17. Stateless Component
  18. 18. @operatino 1816 компонентов 2288 компонентов http://react-components.comhttp://ngmodules.org
  19. 19. @operatino
  20. 20. @operatino Polymer от Google
  21. 21. @operatino gl-react
  22. 22. @operatino react-canvas
  23. 23. @operatino Server rendering Single Page 
 JS App Первый запрос Рендеринг на сервере
  24. 24. As Easy As Calling a Function
  25. 25. @operatino Преимущество серверного рендеринга • Производительность • Единый UI код для клиента и сервера • SEO оптимизация • Прогрессивное улучшение
  26. 26. @operatino Собирая все вместе Flux/Redux ReactiveX Backbone и другие
  27. 27. @operatino Flux
  28. 28. @operatino React Native
  29. 29. @operatino “Learn once, write anywhere..” Tom Occhino, React Native: Bringing modern web techniques to mobile
  30. 30. @operatino JavaScript везде!
  31. 31. @operatino
  32. 32. @operatino React Native • Оперирует нативным UI • Выполняет JS код в отдельных потоках • Позволяет переиспользовать бизнес логику с веба • Мгновенные релизы в обход App Store • Отличный Developer Experience
  33. 33. @operatino Инструменты
  34. 34. Native Hot Reload
  35. 35. Native Playground
  36. 36. Redux Time Travel
  37. 37. Living Style Guide
  38. 38. @operatino Домашнее задание • Официальный туториал от разработчиков Реакта • https://github.com/petehunt/react-howto • https://camjackson.net/post/9-things-every-reactjs- beginner-should-know
  39. 39. Роберт Харитонов @operatino & rhr.me Спасибо!

×