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