Спасибо за видео. 32:00 В экспериментах выяснил, что если в src указывать путь стрингой как в , то placeholder="blur" работать не будет. Так что обязательно нужно картинку сначала импортировать.
Великолепный туториал. Понятно даже без знания реакта, всё по шагам. Пока на середине, почему-то у меня контент (например, список контактов) сваливается вниз, к футеру. А заголовок на странице остается у хедера.
Спасибо за курс! Подскажите, при ssg страницы генерятся только при билде, либо и в прод режиме? Например когда появился новый пост, как произойдет добавление новой страницы?
Хотелось бы увидеть использование какого-нибудь решения для стейт менеджмента, поскольку есть подозрения что они отличаются от не SSR версии поскольку во время первого рендера нету браузерного API. Также интересный момент, что типы именуются с маленькой буква, интересно было бы узнать причину. И ещё один интересный момент с компонентом Social сначала идёт проверка есть ли он и возврат нала, а при мапинге повторная такая же проверка:)
разобрался, когда при создании приложения next задаёт вопросы, и вы хотите, что бы структура папок была как в уроке надо ответить следующее: ✔ Would you like to use TypeScript? … No ✔ Would you like to use ESLint? … Yes ✔ Would you like to use Tailwind CSS? … No ✔ Would you like to use `src/` directory? … No ✔ Would you like to use App Router? (recommended) … No ✔ Would you like to customize the default import alias (@/*)? … No (актуально на момент написания коммента)
можете простыми словами объяснить, когда использовать getStaticSideProps, когда getStaticPath и когда getStaticProps. Просто не понимаю почему для контактов и постов используются разные подходы, хоть суть та же, нет?
Почему при использовании мок апи json-server вместо встроенного в next api, не получается сбилдить приложение, хотя функцию getStaticProps оборачиваю в try catch Подскажите плиз 🥺
Привет, спасибо за уроки. Не разобрался как правильно типизировать компонент Heading. В остальных компонентах, которые его используют, если не прописывать пропс 'tag', то ts ругается, что нужно заполнить. Подскажите как такие вещи правильно типизировать. Надеюсь нормально сформулировал вопрос. Спасибо.
Двоякое ощущение после просмотра ( и пощупанья 🙂) остался. Общая канвая ясна, но появилось больше вопросов, нежели ответов на них. Часть кода в одном и том же компоненте или странице, как удобнее, выполняется в браузере, часть в консоли VSC. ( Я мин 10 тупил, пытался в браузере в консоли response data увидеть. Хрен бы когда догадался.... ) Это и не backend, да уже вроде и не frontend... какой то недофуллстек 🙃 53:19 вот тут не совсем понятно... Нам же данные с сервера каждый раз разные прилетают. При данном запросе прилетело 100 постов и отсюда сгенерилось 100 html страничек. А если после build`a в запросе прилетит 120 постов, как они на этот раз сгенерируются? Как готовое приложение об этом узнает? Да и страницы довольно часто в себе могут содержать некую интеракивность с пользователем... Инпуты и прочие чекбоксы. Как в этом всём разобраться?!!! Короче как всегда копать и копать. Поле непаханое.
Посмотрел много материала , почитал документацию next и ни где не налол как работать со state . У меня мульти язычный сайт. Есть store и редьюссер для смены языков в state . Как это организовать в next. На Хабре пишут что redax c next плохо дружат.
как вариант создать реактовский контекст и в нем хранить стейт и коллбек для смены стейта. Обернуть прилку в контекст.провайдер и получать откуда угодно доступ к стейту контекста и коллбеку.
Жаль вторая половина в попыхах и все в кучу Эти основополагающие концепции надо подробнее разжевывать, а не кусками заране заготовленого кода и фразами типа "берем код, вставляем код"
Капец, в инете нормальной документации не найдешь, а автор просто все по полочкам разложил... Ваще кайф, Спасибо тебе огромное!!!
Пожалуйста
Спасибо, Женя. Очередное классное видео.
Пожалуйста
Божечки, когда я понял React впервые я подумал, какая же клаасная библиотека, но вот это😍. Как же она упрощает жизнь. ПРОСТО видео бомба
Спасибо большое
Евгений, спасибо за курс.
Пишу на реакте в прод, хочу для себя немного в некст, почитал доку и ваш курс, все просто и понятно!
Пожалуйста
Закончил смотреть курс, очень информативно и понятно, мне курс зашёл)
Автор красавчик)
Спасибо за отзыв
сегодня день ты прожил не зря - от меня лайк заработал, вполне заслуженно!
👍
Охо-хо-хо, Женя) Давно не смотрел твои видео. У тебя волосы!!!))) Класс)))
И спасибо за контент)
Пожалуйста
Большое спасибо!
Очень полезное видео, всё по делу и без воды
Пожалуйста
@@YauhenKavalchuk кстати, я сейчас заметил, на гитхабе не всё из видео есть. Может у тебя сохранилась локально и ты можешь обновить репозиторий?
В репозитории весь код курса, смотрите в ветках
Лучший курс среди моря шлака на youtube! Вообще, очень хороший канал и контент! Спасибо!
Благодарю
Хотел учить next как раз)
И не мог найти норм курсов, и тут как раз на день рождение подгон)
👍
Ты просто монстр! Столько контента, что я учиться не успеваю, а ты уже новое выпускаешь!
Спасибо за отзыв
так это же старый курс с канала, просто объединённый в одно видео
Good job, Evgeniy, thanks for this detailed explanation.
You’re welcome
разложил всё по полочкам! отличный тутор
Спасибо за отзыв
Качественный курс.Спасибо за старания.
Спасибо за отзыв
Спасибо! Очень доходчиво и без воды.
Пожалуйста
Бомбически! Спасибо!
Пожалуйста
Огромный респект что делаешь многое бесплатно
👍
Спасибо! Как всегда все очень понятно!!шикарная подача, в целом!
Пожалуйста
Женя спасибо за контент, как и всегда!)
Пожалуйста)
Прекрасный курс. Спасибо!
Пожалуйста
Это, действительно, классно! Респектище!
Благодарю
Спасибо, очень просто и понятно
Пожалуйста
спасибо. нравятся Ваши видео.
Спасибо за отзыв
Спасибо за видео. 32:00 В экспериментах выяснил, что если в src указывать путь стрингой как в , то placeholder="blur" работать не будет. Так что обязательно нужно картинку сначала импортировать.
👍
кем тебе приходится Ким Чен Ын, Евгений?)
🤣 ну тут я на него не похож)))
)
Спасибо огромное, курс огонь!!!
Спасибо за отзыв
Отличное видео!
Спасибо
Спасибо большое за такое полезное видео)
Спасибо большое за отзыв
Отлично, спасибо за труд!
Спасибо за отзыв
Очень круто, спасибо
Пожалуйста
Круто, Жека! Пиши ещё!
👍
Великолепный туториал. Понятно даже без знания реакта, всё по шагам. Пока на середине, почему-то у меня контент (например, список контактов) сваливается вниз, к футеру. А заголовок на странице остается у хедера.
Спасибо за отзыв
Большое спасибо за курс
Спасибо за отзыв
отличный курс, спасибо большое!
Спасибо за отзыв
Спасибо! Было полезно!
Пожалуйста
Жека красава ! ) делает вещи )
Спасибо
Спасибо, очень крутое видео.
Приятная подача материала.
Будет ли что-то ещё по next?
Так это и был курс по Next
спасибо!)
Пожалуйста
Super
Спасибо
Топчик👍
Благодарю
топчик вебчик
Благодарю
спасибо) держи лукас от сеовебмастера СЕООНЛИ
Пожалуйста
Супер: дякую
Пожалуйста
Спасибо!!!
Пожалуйста
Видео супер, благодарю! Будет ли когда-то React-Native на канале ?
Да, планировал в этом году
Хороший курс, спасибо, а есть такой же по 14-й версии?
К сожалению, пока нету
@@YauhenKavalchuk Жаль конечно, но ещё раз спасибо за качественные и очень интереснын видео, всегда их смотрю с удовольствием.
cool!!
👍
Класс!
👍
Спасибо за курс!
Подскажите, при ssg страницы генерятся только при билде, либо и в прод режиме? Например когда появился новый пост, как произойдет добавление новой страницы?
Хотелось бы увидеть использование какого-нибудь решения для стейт менеджмента, поскольку есть подозрения что они отличаются от не SSR версии поскольку во время первого рендера нету браузерного API.
Также интересный момент, что типы именуются с маленькой буква, интересно было бы узнать причину.
И ещё один интересный момент с компонентом Social сначала идёт проверка есть ли он и возврат нала, а при мапинге повторная такая же проверка:)
Возможно в будущем сниму какое-то дополнение
Сделайте пожалуйста подробный курс про Next 13 + Sanity CMS
Возможно в будущем
👍👏
👍
Напиши пожалуйста какие у тебя стоят расширения для vs code? За материал спасибо, очень доступно.
ruclips.net/video/g8LmiLTXkqo/видео.html
хороший курс, но в next.js вышли обновления. теперь не получается перейти в браузер и открыть страницу posts как 11:11 (
разобрался,
когда при создании приложения next задаёт вопросы, и вы хотите, что бы структура папок была как в уроке надо ответить следующее:
✔ Would you like to use TypeScript? … No
✔ Would you like to use ESLint? … Yes
✔ Would you like to use Tailwind CSS? … No
✔ Would you like to use `src/` directory? … No
✔ Would you like to use App Router? (recommended) … No
✔ Would you like to customize the default import alias (@/*)? … No
(актуально на момент написания коммента)
App Router это какая то новая фича, разбираться с ней буду позже
👍
Ай хорошо!
👍
можете простыми словами объяснить, когда использовать getStaticSideProps, когда getStaticPath и когда getStaticProps. Просто не понимаю почему для контактов и постов используются разные подходы, хоть суть та же, нет?
я не уверен, но в уроке показаны два подхода. можно использовать один или другой, в зависимости от ваших потребностей
Аж шишка привстала от некста)
🤔😐
Роутинг как в Битриксе, через файлы😄
Угу
Почему при использовании мок апи json-server вместо встроенного в next api, не получается сбилдить приложение, хотя функцию getStaticProps оборачиваю в try catch
Подскажите плиз 🥺
Не видя ошибки не думаю что смогу помочь
Привет, спасибо за уроки. Не разобрался как правильно типизировать компонент Heading. В остальных компонентах, которые его используют, если не прописывать пропс 'tag', то ts ругается, что нужно заполнить. Подскажите как такие вещи правильно типизировать. Надеюсь нормально сформулировал вопрос. Спасибо.
Прошу прощения, не заглянул в репозиторий, даже и не подумал, так как все сам писал
👍
Привет! Правильно ли я понимаю, что данное приложение было написано без backend, и что backend не обязательно использовать для deploy на vps сервер ?
Да, бэкэнда тут нет
Отличное видео, но я не очень понял когда какой метод использовать SSR или SSG
Это зависит от задач, которые вы решаете. Если много статичной информации, по типу новостей, то SSG. Если больше динамики, то SSR
а что за тема в VS Code стоит?
Спасибо за такой качественный контент!
Material Gecko
Двоякое ощущение после просмотра ( и пощупанья 🙂) остался. Общая канвая ясна, но появилось больше вопросов, нежели ответов на них.
Часть кода в одном и том же компоненте или странице, как удобнее, выполняется в браузере, часть в консоли VSC. ( Я мин 10 тупил, пытался в браузере в консоли response data увидеть. Хрен бы когда догадался.... ) Это и не backend, да уже вроде и не frontend... какой то недофуллстек 🙃
53:19 вот тут не совсем понятно... Нам же данные с сервера каждый раз разные прилетают. При данном запросе прилетело 100 постов и отсюда сгенерилось 100 html страничек. А если после build`a в запросе прилетит 120 постов, как они на этот раз сгенерируются? Как готовое приложение об этом узнает? Да и страницы довольно часто в себе могут содержать некую интеракивность с пользователем... Инпуты и прочие чекбоксы. Как в этом всём разобраться?!!!
Короче как всегда копать и копать. Поле непаханое.
Не понимаю, почему у тебя vscode корректно форматирует jsx в расширении js если в статус панели указано что это javascript
🤷♂️ никогда с этим проблем не было
Пора продолжать ветку видео к собесам
Так может поддержите выход спонсорством?
Только начал смотреть, заметил что ты не пишешь return в первом компонете, сделал так же но у меня он не отображается, что-то нужно где-то прописать?
Сверьте с кодом из репозитория
посоветуй пожалуйста книг по JS , если считаешь нужным учиться не только по урокам но и по книгам)
Learn.JavaScript - этого ресурса вполне достаточно
@@YauhenKavalchuk спасибо!
генерация статики, постов, если пост был обновлен, он попадет на сайт только после новой сборки получается?
Угу
Посмотрел много материала , почитал документацию next и ни где не налол как работать со state . У меня мульти язычный сайт. Есть store и редьюссер для смены языков в state . Как это организовать в next. На Хабре пишут что redax c next плохо дружат.
как вариант создать реактовский контекст и в нем хранить стейт и коллбек для смены стейта. Обернуть прилку в контекст.провайдер и получать откуда угодно доступ к стейту контекста и коллбеку.
@@Garret-p6b Спасибо попробую
👍
привет, насколько твой курс по React.js актуален? стоит начинать изучение с него?
Это основы, поэтому актуален. А дополнительно можно посмотреть «React видеокаст», там о последних обновлениях
@@YauhenKavalchuk спасибо
было бы круто увидеть видео по хукам
О каких хуках речь? Если о React хуках, то на канале есть React видеокаст, там подробно рассказываю обо всех хуках
Евгений, как в России оплатить спонсорство для получения доступа к видео? Спасибо)
Видимо никак… Все существующие варианты вам не доступны
router же является объектом, как работает метод push, не понял если честно, объясните пожалуйста
Специальный Объект у которого внутри есть метод push
@webDev Спасибо большое!👍
Не понял откуда взялась функция getServerSideProps. Попробовал сделать то же самое, но next не понимает, что это такое
Она поддерживается по умолчанию в next приложениях, дополнительный импорт не нужен
у меня создаётся приложение не с папкой PAGES
а с папкой SRC, внутри которой лежит APP
Вышла новая версия next, это одно из изменений
Женя можешь web3js разобрать?
Возможно, в будущем…
dobriy den a kak ispolzovat static props esli data hronatca v redux ?
Там есть нюансы, лучше про это прочитать отдельно
Погоди у тебя же был уже ролик про NEXT
У меня 2 формата - кому-то нравятся отдельные уроки, кому-то одно видео
@@YauhenKavalchuk да но я заметил все видео про некст не до конца полные
Remix пробовал уже?
Пока нет
404 не получаеться написать
🤷♂️ сверьте свой код с тем, что в репозитории
Очередняра (курс) ..снова незаметим (
Не понял(
Жаль вторая половина в попыхах и все в кучу
Эти основополагающие концепции надо подробнее разжевывать, а не кусками заране заготовленого кода и фразами типа "берем код, вставляем код"
А можете уточнить, что конкретно в «попыхах», вроде старался всё подробно объяснить
не чего не работает
🤷♂️
Круто, спасибо , очень доступно и насыщенно
Всегда пожалуйста
Спасибо!!!!
Пожалуйста