Здравствуйте! Учусь по вашим урокам, всё очень нравится. Можете ли подсказать, как решить следующую задачу: Делаю запрос к API для карточки Книги, на которой отображено название. Создала модальное окно, открывающееся при нажатии на карточку. По идее в окне долна быть отображена более подробная информация. Как сделать подгрузку в модальное окно? Для каждой карточки своё модальное окно
Спасибо! подскажите а как быть если к примеру это котировки или температурный датчик и надо запрашивать апи раз в 15 или раз в 5 секунд. Как сделать правильно цикличиские запросы в апи
Пишет Loading... но ничего не происходит дальше. Вообще довольно странное объяснение материала, я учился в вузе на прикладной математике и информатике, так вот там довольно сложные вещи доносились очень просто и я все понимал. Знаю 8 языков, посмотрел весь курс и я вообще не понимаю на каком языке говорит автор, у него какая-то своя терминология, которая вообще ни о чем не говорит при объяснении материала. Нравится формат курсов, коротко и интерактивно, сразу видишь результат, но ребят говорите правильно, (щас будет отсылка к предыдущим роликам ), я не понимаю что значит "Забиндить функцию", я понимаю "Мы помещаем ее в область видимости" и тому подобное, все это делает материал не проницаемым, но все же хочу сказать *спасибо*, большую часть я понял .
что бы чтото понимать надо для начала изучить js, потом ознакомиться с библиотекой reactjs. P.S. на данный момент классовые компоненты Реакта, уже довольно давно, считаются устаревшей стилистикой, новые версии пишутся на функциональных компонентах и хуках.
что делать если главного обьекта не существует? если json файл возвращает сразу строки со значениями, к примеру если взять файл из видео, то отсутствовала бы строчка drinks
а почему не через .catch() написана ошибка? кстати, для тех кто будет часто работать с json советую установить расширение для браузера JSON Viewer или аналоги, очень удобно
это второй коллбек. метод then позволяет указать 2 коллбека: первый сработает в случае успеха, второй поймает ошибку. в некотором смысле он дублирует .catch. является необязательным
@@artinstitoris нет, .catch отлавливает все ошибки, включая ошибки компонента. Если нужно отловить ошибки от запроса, то делается это в цепочке промисов, конкретно для этого есть методы в промисе .then . Офф справка ru.reactjs.org/docs/faq-ajax.html
обычная работа с промисами, если не знаешь промисы и стандарт ES6+, то перед изучением React подтяни, это конечно с учетом что есть знание основ ES5, а потом только приступай к изучению Реакта, иначе иррационально потратишь время
в реакте главная суть это разбивка на компоненты .. Как правильно делать ? Данные с Api получать в родительском компоненте или в каждом дочернем компоненте?
[инфа для нубов] Здесь я вначале не понимал как реализуется то что во время загрузки появляется надпись "Loading..." Все дело в том что метод Render() в компоненте вызвается первый раз при первоначальной загрузке компонента, а дальше при изменении состояния. То есть в первый раз Render() выводит надпись "Loading..." когда флаг isLoaded = false Далее когда срабатывает fetch и мы получаем данные в формате JSON - выполняется код this.setState({isLoaded: true,items: result.drinks} )} и именно после этого метода "setState" автоматически вызывается Render() который уже выводит данные массива items.
Слушай, сколько смотрел твой канал раньше, публиковал ссылку на него в своём канале в Телеги и вот услышав твое Апи, появилось желание отписаться. Ты этому учишь людей???
Нормально не пробовал объяснять? в одном уроке ты разбираешь простой фронтенд, а в следующем уже заоблачное что-то без объяснений типа все все понимают. Ты если учишь чему-то, то объясняй нормально.
Спасибо большое!!! Очень доступно и понятно!!! Вы супер!!!
Спасибо большое за контент!
Здравствуйте! Учусь по вашим урокам, всё очень нравится.
Можете ли подсказать, как решить следующую задачу:
Делаю запрос к API для карточки Книги, на которой отображено название. Создала модальное окно, открывающееся при нажатии на карточку. По идее в окне долна быть отображена более подробная информация. Как сделать подгрузку в модальное окно? Для каждой карточки своё модальное окно
Спасибо! А у вас есть где нибудь видео API с использованием ключа?
Спасибо! подскажите а как быть если к примеру это котировки или температурный датчик и надо запрашивать апи раз в 15 или раз в 5 секунд. Как сделать правильно цикличиские запросы в апи
Обернуть в цикл
У меня почему-то не работает "drinks"
Пишет Loading... но ничего не происходит дальше. Вообще довольно странное объяснение материала, я учился в вузе на прикладной математике и информатике, так вот там довольно сложные вещи доносились очень просто и я все понимал. Знаю 8 языков, посмотрел весь курс и я вообще не понимаю на каком языке говорит автор, у него какая-то своя терминология, которая вообще ни о чем не говорит при объяснении материала. Нравится формат курсов, коротко и интерактивно, сразу видишь результат, но ребят говорите правильно, (щас будет отсылка к предыдущим роликам ), я не понимаю что значит "Забиндить функцию", я понимаю "Мы помещаем ее в область видимости" и тому подобное, все это делает материал не проницаемым, но все же хочу сказать *спасибо*, большую часть я понял .
что бы чтото понимать надо для начала изучить js, потом ознакомиться с библиотекой reactjs.
P.S. на данный момент классовые компоненты Реакта, уже довольно давно, считаются устаревшей стилистикой, новые версии пишутся на функциональных компонентах и хуках.
Начинать с 0:40
что делать если главного обьекта не существует?
если json файл возвращает сразу строки со значениями, к примеру если взять файл из видео, то отсутствовала бы строчка drinks
Неплохо.
Бро, я только что это же прочитал в статье, строчка в строчку)
спасибо большое. А что делать, если нужно получить сразу нескольких данных по разным URL?
Здравствуйте, возникает такая ошибка : Error Unexpected token < in JSON at position 0
есть подсказки как решить?
Что-то не так с JSON-файлом
Проблема в JSON файле на который идет ссылка в fetch. Возьмите другуой)
У меня такая же ошибка попробовала несколько разных ссылок - ошибка не меняется.
@@anzhelikacherniavska2605 у меня проблема в файле была, взял другой и все заработало
@@stan4real819 у меня проблема была в неправильно прописанном url, не было и получается что в запросе в url добавлялся localhost.
выходит надпись Error что делать?
ты на ссылку добавь у меня после этого сработало
Покажи как сделать связку React и Apollo, очень нужно. Многие хотят посмотреть этот полезный урок.
а почему не через .catch() написана ошибка? кстати, для тех кто будет часто работать с json советую установить расширение для браузера JSON Viewer или аналоги, очень удобно
Тот же вопрос у меня к нему.
это второй коллбек. метод then позволяет указать 2 коллбека: первый сработает в случае успеха, второй поймает ошибку. в некотором смысле он дублирует .catch. является необязательным
@@artinstitoris нет, .catch отлавливает все ошибки, включая ошибки компонента. Если нужно отловить ошибки от запроса, то делается это в цепочке промисов, конкретно для этого есть методы в промисе .then . Офф справка ru.reactjs.org/docs/faq-ajax.html
не получается переделать в функциональную компоненту
Нихера не понял,но очень интересно ...как говорится)
обычная работа с промисами, если не знаешь промисы и стандарт ES6+, то перед изучением React подтяни, это конечно с учетом что есть знание основ ES5, а потом только приступай к изучению Реакта, иначе иррационально потратишь время
в реакте главная суть это разбивка на компоненты .. Как правильно делать ? Данные с Api получать в родительском компоненте или в каждом дочернем компоненте?
То есть на каждый напиток вы хотите слать отдельный запрос?
[инфа для нубов]
Здесь я вначале не понимал как реализуется то что во время загрузки появляется надпись "Loading..."
Все дело в том что метод Render() в компоненте вызвается первый раз при первоначальной загрузке компонента, а дальше при изменении состояния.
То есть в первый раз Render() выводит надпись "Loading..." когда флаг isLoaded = false
Далее когда срабатывает fetch и мы получаем данные в формате JSON - выполняется код
this.setState({isLoaded: true,items: result.drinks} )} и именно после этого метода "setState" автоматически вызывается Render() который уже выводит данные массива items.
nice
рекламы курсов пайтон на курсах React JS - полная жесть!
Братишка, ты же уже записывал обучение по реакт для начинающих. Может в этот раз хотя бы на хуках все стоит написать ?
Глянь канал Владилена Минина. Там про хуки есть материал.
@@Nikolai2033 Спасибо, знаю уже смотрел. Просто уже 99% компаний перешло на хуки. Та и новочки проще на хуках сразу писать)
почему одни люди говорят, что нужно использовать axios, а другие fetch? В чем разница?
fetch встроенный инструмент, axios сторонняя библиотека, расширяющая возможности fetch и с более удобными настройками
Норб? это ты? О_о
Вместо if...else в методе render лучше использовать условный рендеринг.
Слушай, сколько смотрел твой канал раньше, публиковал ссылку на него в своём канале в Телеги и вот услышав твое Апи, появилось желание отписаться. Ты этому учишь людей???
а что? Типо правильно Эй Пи Ай?
мне кажется лучше уже хуками делать все
да это старое видео до обновления реакта)
Нормально не пробовал объяснять? в одном уроке ты разбираешь простой фронтенд, а в следующем уже заоблачное что-то без объяснений типа все все понимают. Ты если учишь чему-то, то объясняй нормально.
Просто самое ужасное обьяснение материала!!!!