Итак! Это наш первый урок и тут я постараюсь тебе рассказать, какие задачи решает React и почему удобней использовать эту библиотеку для разработки приложения, чем писать всё на чистом JavaScript.
Совет: Если тебе кажется, что ты отлично знаешь эту или другую тему, то ты можешь смело приступать к проверке знаний. Для этого, спустись в самый низ урока.
Рассказывать про историю React и сразу же погружать в кучу непонятных терминов я тебя не буду. Более подробней ты можешь узнать на официальном сайте https://ru.reactjs.org/, я же постараюсь объяснить простым языком.
Скажу заранее, что легко не будет, но поверь мне, это стоит того.
Я хочу, чтобы мы понимали друг-друга и постараюсь для начала объяснить некоторые термины, с которыми ты позже столкнёшься в процессе обучения.
#Что такое библиотека?
В мире JavaScript, слово «библиотека» означает готовый набор какого-то кода, ну, или же функций. Обычно, эти библиотеки пишут программисты, такие как мы или компании для коммерческих целей. Но итоговая цель библиотеки в том, чтобы упростить разработчику написание какой-то логики.
И React является библиотекой для разработки пользовательского интерфейса. Возможно, тут ты поймёшь лучше, что это означает.
#Немного примера
Есть библиотека jQuery, наверное, ты про неё слышал. В этой библиотеке написано куча готовых функций для работы с DOM-элементами и не только. Соответственно, разработчик просто использует уже готовые функции.
Давай покажу разницу. Ниже привёл два примера, с помощью которых можно получить высоту DOM-элемента.
jQuery вариант:
1const h = $(el).height();Чистый JavaScript-код:
1const h = parseFloat(getComputedStyle(el, null).height.replace("px", ""))Как видишь, в случае с jQuery, код выглядит чише и намного понятней.
Та же история и с ReactJS.
Данная библиотека содержит в себе набор готовой логики, благодаря которой, мы можем разрабатывать приложения любого уровня сложности и при этом, твоё приложение будет корректно работать во всех браузерах и устройствах.
Вот это и есть вся суть ReactJS.