Что общего у Netflix, Facebook и Airbnb?
Все они являются примерами компаний, которые используют React для создания своих веб-сайтов. React стал одним из самых популярных фреймворков JavaScript и особенно хорошо подходит для создания веб-страниц и приложений, которые требуют большого количества взаимодействий с пользователем и выборки данных.
В течение последних недель в учебном лагере Technigo мы изучали React.js и продолжали работать над еженедельными проектами, которые были очень интересными. Мы практиковались, используя наши навыки, чтобы создать сайт фильмов, музыкальный сайт, API «счастливых мыслей» и собственные формы опросов. Мы научились работать с компонентами, пропсами, состоянием, useEffect и React Router.
В начале спринта я думал, что разделение кода на более мелкие компоненты и передача данных между ними с помощью свойств — это немного другое. Однако при работе над еженедельными проектами и при следовании коду вебинара преимущества работы с компонентами стали для меня более очевидными. Это упрощает повторное использование, изменение и отладку кода.
Еще одна важная особенность React, о которой мы узнали, — это то, как использовать состояние, которое является значением внутри компонента, который React отслеживает. Когда мы изменяем переменную, например, когда мы обновляем массив или когда мы изменяем объект, React повторно отображает HTML в браузере. Примером использования состояния является проект фильмов, где я создал раскрывающийся список, в котором пользователь мог выбирать между отображением списка «популярных», «предстоящих» или «самых популярных» фильмов. Я создал переменную с именем «movieList» и написал код, в котором состояние «movieList» будет меняться в зависимости от того, какой из трех списков пользователь хочет отобразить.
Я думаю, что наши еженедельные проекты с React были одновременно интересными и сложными. Я с нетерпением жду возможности больше попрактиковаться в React в следующих проектах и написании кода.