Что такое React?
React — это интерфейсный JavaScript-фреймворк, ориентированный на пользовательский интерфейс. Он использует компоненты для разделения страницы на разные части и дает каждому компоненту возможность иметь свою собственную функциональность или отображать из другого компонента. Каждый компонент состоит из кода JavaScript, который составляет часть веб-страницы.
Предпосылки:
Прежде чем изучать React, вы должны знать HTML, немного CSS и иметь хороший опыт работы с JavaScript. JavaScript и HTML — самые важные навыки, которые необходимо иметь перед изучением React, потому что React использует JSX (JavaScript XML), который по сути представляет собой смесь JavaScript и HTML. JSX в основном выглядит как HTML, но работает внутри файла JavaScript.
Посмотрите, как React использует переменные в стиле ES6, такие как const, но в то же время использует теги HTML, такие как ‹div›, ‹h1› и ‹li›? Это пример JSX и того, как React по сути является гибридом JavaScript и HTML.
Еще одна важная вещь, которую следует помнить в React, это то, что файлы всегда нужно импортировать из React и ReactDOM. Строки 1 и 2 на изображении выше позволяют файлу JavaScript читать синтаксис JSX и вносить изменения в DOM.
Когда React вносит изменения в DOM, это делает встроенная функция ReactDOM.render. ReactDOM.render принимает два элемента: переменную, которая визуализируется, и место, где она визуализируется. В этом случае переменная FavoriteFoods содержит div с неупорядоченным списком любимых блюд пользователя и отображает его в документе.
Как лучше всего изучить React?
Есть много способов изучить React, но лучший способ, вероятно, — это изучить его на курсах по программированию. Однако, если у вас нет ресурсов или времени, чтобы инвестировать в учебный курс по программированию, есть другие отличные способы изучить React. Один из способов — посмотреть обучающие видео на Youtube. Имейте в виду, однако, что если вы собираетесь использовать учебные пособия Youtube, обязательно приостановите воспроизведение видео и ПРАКТИЧЕСКИ в своем собственном редакторе кода!! Просмотр пятичасового видео ничему вас не научит, если вы не будете практиковаться и пытаться запомнить информацию, которую вы только что узнали. Другой способ — пройти онлайн-курс, посвященный React. В Интернете есть много хороших бесплатных или очень доступных программ, таких как CodeAcademy и Udemy. Имейте в виду, однако, что отработка преподаваемого материала также относится к онлайн-курсам. Зайдите в редактор кода и просто попробуйте попрактиковаться в том, что вы узнали, и поэкспериментируйте с этим. Практика делает совершенным. Если вы продолжите оттачивать свои навыки, вы быстро станете солидным фронтенд-разработчиком.
