Фронтенд-разработчику будет сложно продвигаться по карьерной лестнице, не используя несколько интерфейсных фреймворков или библиотек. Изучение того, как создавать приложения с использованием этих библиотек или фреймворков, поможет поднять вашу карьеру на новый уровень. Прежде чем мы перейдем к реальной теме обсуждения этой статьи, давайте начнем с изучения различий, существующих между библиотеками и фреймворками. Разработчики часто используют термины «библиотека» и «фреймворк» взаимозаменяемо, но это не одно и то же. И фреймворки, и библиотеки — это в основном код, написанный кем-то другим, который используется для решения общих проблем, хотя фреймворк обычно больше по объему, чем библиотека. Основное различие между ними заключается в так называемой инверсии управления, которая в основном относится к тому, кто контролирует ход выполнения программы. С библиотекой вы, программист, контролируете поток, потому что вы можете выбирать, когда вызывать предварительно написанный код, который библиотека может предложить, в вашу программу. Для сравнения, фреймворк контролирует поток программы, потому что он сообщает вам, где вы можете поместить свой собственный код. Чтобы лучше объяснить это, позвольте мне использовать эту аналогию.

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

Каркас, напротив, подобен строительству типового дома. У вас есть набор чертежей и несколько ограниченных вариантов, когда дело доходит до дизайна и архитектуры. Подрядчик и план, по сути, находятся под контролем, и они дадут вам знать, когда и где вы можете внести свой вклад. Это то, что касается разницы между фреймворками и библиотеками. Теперь о причине, по которой вы открыли эту статью.


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

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

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


Зачем вам изучать React?

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

  • Реакт популярен. Популярность React резко возросла с момента его создания, и вам, как фронтенд-разработчику, вероятно, придется работать с ним на каком-то этапе своей карьеры.
  • Есть несколько технологий, таких как Next.js и Gatsby, которые используют React под капотом.
  • React прост в освоении и быстрее развивается.
  • У React огромное сообщество разработчиков. Сообщество помогает поддерживать и расширять библиотеку с открытым исходным кодом, и каждый может добавлять в библиотеку свои собственные компоненты.


Какие концепции JavaScript необходимы для изучения React?

Прежде чем приступить к работе с React, необходимо понять некоторые основные концепции JS, чтобы упростить процесс обучения. Некоторые из этих концепций;

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


Как перейти от новичка к продвинутому в React.

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

  • Обработка данных в React
  • Стилизация в React
  • Обработка формы
  • Процесс согласования в React
  • Реагирующие хуки. Может быть немного сложно понять эти концепции, когда вы только начинаете изучать React, но как только они щелкнут, вы будете счастливы, что взяли на себя инициативу в изучении React.

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