В настоящее время количество фреймворков и библиотек Javascript безумно. Однажды я прочитал в Твиттере от парня, который играл со своими коллегами, чтобы сказать имя или слово, и если существует фреймворк Javascript с таким названием, этот человек должен выпить шот. Хардкор.

Но сегодня я не буду говорить обо всех из них, а об одном, который привлек мое внимание в прошлом месяце: ReactJS.

Откуда это взялось?

React - это библиотека Javascript, созданная Джорданом Уолком, инженером Facebook. Он довольно новый, с момента его первого выпуска прошло всего 4 года, и огромное сообщество прилагает все усилия, чтобы делать его лучше в каждом выпуске.

Что я могу делать с React?

Если вы знаете о шаблонах проектирования, вы, возможно, слышали о шаблоне MVC (M odel- V iew- C ontroller). Если нет, все, что вам сейчас нужно, это чтобы React работал как V в MVC. А что это значит?, возможно, спросите вы себя. Что ж, с React вы можете разработать всю интерфейсную часть вашего приложения. Это означает, что вы можете легко создать весь пользовательский интерфейс вашего приложения.

Кто использует React?

  • Facebook
  • Netflix
  • Instagram
  • Dropbox
  • WhatsApp
  • Нью-Йорк Таймс

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

Зачем мне использовать React?

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

  • Отрисовка и оптимизация: когда ваше приложение React загружается в браузере, отображаются все созданные вами компоненты. Но допустим, что один из ваших компонентов претерпел изменение, возможно, из-за того, что с ним взаимодействовал пользователь, а затем этот компонент повторно визуализируется, чтобы показать новое изменение. Это означает, что перезагружаются (обрабатываются снова) только те части приложения, состояние которых изменяется.
  • Вся мощь HTML, CSS и Javascript вместе внутри компонента: когда вы создаете компонент React, вы можете не только использовать HTML и CSS, как обычно, но вы также можете интегрировать Javascript в очень хороший способ. Вы можете определить методы внутри своих компонентов, которые вы можете использовать в любой части, какой захотите. Забудьте о создании внешних скриптов и их импорте / требовании.
  • Каждый компонент - это класс, который можно создать. Это означает, что ваш компонент может получать аргументы, которые вы можете использовать для настройки того, что отображается в приложении.
  • Это асинхронно. В вашем приложении нет блокирующих действий. Если загрузка чего-то не завершилась, другие компоненты продолжат работу или загрузку.
  • Вы можете установить внешние библиотеки React, чтобы улучшить вашу работу (моя любимая функция).
  • Знание того, как использовать эту новую библиотеку, будет хорошо отражено в вашем резюме.

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