Сообщения

Сообщения за декабрь, 2019

Асинхронность. Часть 2

Изображение
Чтобы разобраться с этой темой потратила неделю. К счастью, в современном JS всё реализуется намного проще. Асинхронный запрос с fetch выглядит так: function getData() {     const url = link;   fetch(url)     .then(res => res.json())     .then(data => {         // code     }); } Более современным и удобным считается использование async/await async function getData() {     const url = link;   const res = await fetch(url);   const data = await res.json(); }

Уроки React JS на практике - Создание приложения с погодой

Изображение
https://www.youtube.com/watch?v=0grybmrgc2Q https://www.youtube.com/watch?v=Fxl_LU68Q5g https://www.youtube.com/watch?v=J49QqgrxCeQ https://www.youtube.com/watch?v=Tln-wtsp8do https://www.youtube.com/watch?v=3jPak-NfbQo https://www.youtube.com/watch?v=W8sobFFfYks https://www.youtube.com/watch?v=DoreDuc_O-U

React fancy-weather

Изображение
1. Создаём приложение При попытке использовать для создания приложения команду create-react-app fancy-weather-react получаю уведомление Please note that global installs of create-react-app are no longer supported. Удаляю существующую версию npm uninstall -g create-react-app Выполняю команду npx create-react-app fancy-weather-react Заходим в папку проекта cd todo запускаем команду npm start Открывается страница браузера, адрес которой http://localhost:3000/ Это и есть адрес нашего проекта. https://learn-reactjs.ru/basics/state-and-lifecycle Раньше состоянием могли обладать только компоненты-классы. Однако с появлением хуков состоянием могут обладать и компоненты-функции. преобразовать компонент-функцию в класс за пять шагов: .... Заменить props на this.props в теле метода render(). специальные методы, чтобы запускать определенный код, когда компонент монтируется или демонтируется: Метод componentDidMount() срабатывает после того, как компонент был впервые ...