Вам случайно не знакомы Netflix, Instagram или Facebook? Вам интересно, какая технология помогла разработать эти веб-приложения? Если да, то вам следует взглянуть на эти несколько примеров приложений, созданных с помощью React.

Все больше и больше компаний решают внедрить эту технологию либо в свои уже существующие приложения, либо в совершенно новые. И, честно говоря, они только верхушка айсберга.

При этом давайте выясним, какие популярные веб-приложения созданы с помощью React!

Что такое Реакт JS?

Широко известный как самый популярный фреймворк JavaScript, React JS действительно основан на JavaScript, но мы не уверены в том, стоит ли называть его фреймворком, потому что на самом деле React — это библиотека с открытым исходным кодом. !

Прежде чем углубиться в подробности, знаете ли вы, что до того, как библиотека получила название React, она была известна как FaxJS? Это был его ранний прототип.

React JS был создан Джорданом Уоке в 2011 году; в 2013 году он был выпущен для публики и стал открытым исходным кодом. С этого момента React JS стал набирать популярность и с тех пор поддерживается Facebook. На сегодняшний день React выбирают более 7,4 млн пользователей, согласно статистике, найденной на GitHub. И это говорит само за себя.

Но что именно он делает?

Создание пользовательских интерфейсов или одностраничных приложений — это лишь малая часть того, чего разработчики могут достичь с помощью библиотеки. React включает множество функций, таких как виртуальный DOM, JSX и многие другие, которые разработчики могут найти чрезвычайно полезными. Широкий спектр впечатляющих функций и преимуществ использования библиотеки определенно влияет на ее популярность.

Почему вы должны выбрать React?

Учитывая множество доступных на рынке фреймворков и библиотек, React кажется лишь одним из вариантов. Вопрос в том, почему вы должны выбрать его? Чтобы ответить на этот вопрос, нам нужно немного глубже погрузиться в список впечатляющих функций библиотеки, и когда мы говорим «впечатляет», мы имеем в виду именно это.

Мы не хотим делать акцент на объяснении самой технологии, так как она уже была освещена в нашем блоге. Мы просто хотим, чтобы вы получили представление о том, что он может сделать.

Самое главное, что библиотека React проста в освоении по сравнению с другими средами веб-разработки. Однако начинающие разработчики могут чувствовать себя немного перегруженными JSX, который входит в библиотеку. Не беспокойтесь, это необязательно.

Также стоит отметить, что технология работает очень хорошо с точки зрения производительности. Наряду с его универсальностью, неудивительно, что он возглавляет списки популярности.

Вероятно, одной из ключевых особенностей библиотеки являются независимые компоненты, которые можно повторно использовать в разных проектах. Благодаря им разработчики могут написать один код React и использовать его по-разному в разных приложениях.

Как вы можете видеть выше, создание пользовательских интерфейсов, веб-приложений или одностраничных приложений не должно быть проблемой при использовании React. Принимая во внимание все вышеизложенное, можно смело предположить, что библиотека действительно является технологией, заслуживающей внимания, но, конечно же, есть и различные другие преимущества.

Кроме того, если вы знаете обычную библиотеку React JS, вам будет намного проще изучить React Native, с помощью которого вы сможете разрабатывать мобильное приложение для таких операционных систем, как Android или iOS.

Популярные веб-приложения React

Существует множество приложений, созданных с помощью React, некоторые из них очень популярны, а другие менее известны. Как следует из названия этой статьи, мы сосредоточимся на хорошо известных и широко используемых.

Фейсбук

Первая запись в нашем списке, очевидно, принадлежит Facebook. Однако платформа Марка Цукерберга использует не только обычный React, но и фреймворк React Native, используемый для разработки мобильных приложений.

React JS использовался для разработки внешнего интерфейса страницы Facebook, что означает, что изменения могут происходить в режиме реального времени без необходимости обновления всей страницы.

Но почему Facebook вообще решился на создание новой технологии? Чтобы ответить на этот вопрос, нам нужно вернуться в 2011 год. К тому времени Facebook столкнулся с проблемами кода, в основном с его обслуживанием. Растущее приложение Facebook Ads не сделало его проще. Наоборот, из-за скорости обновлений команда постепенно теряла контроль над приложением, и это не могло продолжаться. В конце концов, все эти события привели к созданию библиотеки, которую мы все теперь знаем как React JS.

Газета "Нью-Йорк Таймс

Эта запись может стать неожиданностью, так как это не типичное приложение, которое вы ожидаете здесь. Это не меняет того факта, что New York Times разработала приложение под названием Red Carpet Project, используя рассматриваемую библиотеку. Идея заключалась в том, чтобы создать страницу, на которой пользователи могли бы моделировать различные образы знаменитостей на красной дорожке.

Более того, веб-сайт New York Times также использует React на внешнем интерфейсе для обработки связи между данными и пользовательским интерфейсом. Интересно, что NYT позволяет пользователям создавать собственные новостные сайты используя API сайта.

Более того, New York Times также использовала React Native, чтобы предоставить своим читателям наилучшие мобильные возможности на мобильных платформах.

Инстаграм

Instagram, крупнейшая в мире платформа для обмена фотографиями, также является одним из крупнейших пользователей библиотеки. Давайте посмотрим.

Пользовательский интерфейс? Реагировать.
API Карт Google? Реагировать.
Хэштеги? Реагировать.

Фактически, веб-приложение Instagram полностью основано на нем. Впрочем, это не удивительно. В конце концов, Instagram принадлежит Facebook, как и React.

Как это началось? Что ж, первым местом реализации React в Instagram стала главная страница профиля пользователя.

WhatsApp

WhatsApp известен во всем мире как один из самых популярных коммуникаторов, но знаете ли вы, что это еще один продукт Facebook?

А поскольку WhatsApp принадлежит этому гиганту социальных сетей, можно предположить, что он, вероятно, использует React, верно? Что ж, это было бы совершенно правильным предположением! Как и другие продукты, принадлежащие Facebook, WhatsApp использует библиотеку вместе с движками Velocity.js и Underscore.js. Однако это не относится к настольному приложению WhatsApp. Этот использует Electron.js, однако это не мешает приложению использовать любой другой фреймворк или библиотеку.

Нетфликс

Netflix, этот бесспорный гигант потокового вещания, также очень любит React. Компания использует эту библиотеку JavaScript для различных элементов. Интересно, что Netflix использует обе версии React, то есть React JS и React Native.

Netflix даже предоставил отчет, в котором объяснил, где и зачем они используют библиотеку. Почему? Потому что компания хотела ускорить запуск, повысить производительность среды выполнения и модульность. Где? В интерфейсе своего веб-приложения.

Яху! Почта

Еще одна платформа, принадлежащая Facebook, которая использует React. Яху! Почта прошла очень долгий путь, прежде чем решила вложить деньги в эту технологию. C++, HTML, Java или Python — это всего лишь несколько технологий, которые использовались на этом пути.

Виртуальный DOM React, а также мощная поддержка сообщества и повторно используемые компоненты были одними из причин, по которым Yahoo! выбрал библиотеку. Яху! Почта использует React уже шесть лет, так как он был внедрен в 2015 году.

Дропбокс

Когда дело доходит до Dropbox, React отвечает за обработку трафика и данных на платформе. Веб-сайт перешел с CoffeeScript на TypeScript в 2017 году, но начал использовать React в 2016 году, за год до миграции.

Академия Хана

Не так давно Академия Хана боролась с плохим временем загрузки и неудовлетворительным общим впечатлением от веб-сайта. Затем пришло время перемен, так как Khan Academy решила положить этому конец, заменив старое новым, в данном случае — React.

Таким образом, команда Khan Academy смогла снизить скорость загрузки, исключить ненужные повторные рендеры и многое другое.

Другие

Мы перечислили некоторые из самых популярных приложений, созданных с помощью React, но это не значит, что на этом все заканчивается. На рынке есть больше приложений, которые либо частично используют технологии, либо полностью разрабатываются с помощью библиотеки.

Некоторые примечательные из них:

  • Асана;
  • ДАЗН;
  • Атласский;
  • Дисней+;
  • Тесла;
  • Airbnb;
  • Реддит;
  • И больше.

Выводы

Мы перечислили самые популярные веб-приложения, которые используют React (и иногда React Native). От потоковых платформ через социальные сети до почтовых ящиков или хранилища. Как видите, библиотеку можно использовать для разработки любых приложений.

В настоящее время у разработчиков React много работы. Не только с точки зрения изучения новых возможностей, но и с точки зрения веб-разработки. Компоненты React вместе со всеми функциями библиотеки делают ее такой замечательной технологией.

Так что вперед, в одиночку или с командой разработчиков, дайте React (и React Native) шанс и посмотрите, как он может помочь вам создать проект вашей мечты.

Первоначально опубликовано на https://massivepixel.io.