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