Next.js #3 Макет и компоненты (Layout & Components)

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 44

  • @nurlanmehdiyev7428
    @nurlanmehdiyev7428 3 года назад +3

    Коротко и понятно то, что надо!

  • @geekdev0
    @geekdev0 3 года назад +3

    Продолжайте, очень интересно, спасибо вам!

  • @koreikin
    @koreikin Год назад

    Спасибо за работу и такой полезный контент.

  • @sergeyharchenko5116
    @sergeyharchenko5116 3 года назад +2

    Получается что мы рендерим хедер и футер каждый раз при смене страницы.
    Почему нельзя вписать хедер и футер сразу в _app.js? Тогда они будут рендериться 1 раз.

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Это уже детали реализации. Я на это не обращал внимание, т.к. курс в первую очередь о Next, а не о React

  • @rogue1183
    @rogue1183 Год назад

    А подскажите: можно ли прямо в _app.js подключать свои Header и Footer, или любые другие компоненты? Именно, с точки зрения грамотности, можно ли так делать и если нет, то почему?

    • @YauhenKavalchuk
      @YauhenKavalchuk  Год назад

      Если у вас все страницы приложения, в том числе и страницы ошибок, предполагают наличие header и footer, то можете подключать их и в app. Но обычно всё-таки создаётся дополнительная абстракция из компонента по типу page

    • @rogue1183
      @rogue1183 Год назад

      @@YauhenKavalchuk ясно, спасибо большое!

  • @YuriKruglov
    @YuriKruglov 3 года назад +1

    Подскажите, пожалуйста, в каких случаях может не быть _app.js? У меня изначально был только package.json, *-lock.json и папки .next, node_modules

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Его может переименовали. У вас в любом случае должен быть корневой файл с точкой входа для старта

    • @YuriKruglov
      @YuriKruglov 3 года назад

      @@YauhenKavalchuk а, я тупанул, я начал проект с комманд npm install и т.п., а это немного другое походу, поэтому app не было. Сейчас повторил и появилось

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад +1

      👍

  • @katada
    @katada 3 года назад

    Топчик!

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Благодарю

    • @katada
      @katada 3 года назад

      @@YauhenKavalchuk вам спасибо)

  • @ВсеволодРусинский
    @ВсеволодРусинский 2 года назад

    Этот комментарий создан в качестве уважения автору и для продвижения его канала.

  • @dmitriystoyanov933
    @dmitriystoyanov933 3 года назад +1

    коммент для продвижения.

  • @Богдан-й3ч
    @Богдан-й3ч Год назад

    Евгений, спасибо большое за курс! Но у меня вопрос появился, как быть, если если у меня есть страница с регистрацией, но на ней не должно быть ни хедера ни футера? Как тогда использовать компонент Layout?

    • @YauhenKavalchuk
      @YauhenKavalchuk  Год назад

      А никак) это очень специфический компонент, который был написан специально под курс. Ну а если всё-таки подобный случай нужно поддерживать, то будете знать, как это делается

  • @maximusWMC
    @maximusWMC 3 года назад +1

    выпускайте следующее видео плис)

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Видео будут выходить по 2 в неделю, но в описании есть инфа о полном доступе

  • @enenotowitch628
    @enenotowitch628 Год назад +1

    Сделайте пожалуйста курс по последней актуальной версии. Спасибо!

  • @sublime5736
    @sublime5736 2 года назад

    Добрый день. Скажите, пожалуйста. _app.js сделал как у вас, но как теперь передавать title?
    export default function Contact() {
    return (

    Contact

    );
    }

  • @akuma8865
    @akuma8865 3 года назад

    Я не понимаю, index.js это то где уже всё компилируется в html или наоборот в MyApp это всё происходит? Тогда почему мы не импортируем туда MyApp? И что значит под Component в MyApp если мы нигде ничего не передаём в неё?

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад +1

      Если бы вопросов было меньше и они были чуть более понятно описаны, я бы вам помог. А так, я совсем теряю нить ваших рассуждений…

    • @алексейполухин-о7з
      @алексейполухин-о7з 3 года назад +2

      @@YauhenKavalchuk Думаю, человек хотел спросить про то, что в CRA точка входа в проект это index с MyApp. А в Next не очень понятно, что является точкой входа. Это indexs.js или _app.js.

  • @nikitanaumov6067
    @nikitanaumov6067 3 года назад

    На странице ошибки 404 тоже появляется Header и Footer. Так не должно быть мне кажется. Что делать?

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Не знаю почему вы так решили. Однако, Если вы используете разметку из уроков, то нужно исправить компонент app. Удалить из него обёртку Layout и добавить эту обёртку индивидуально для каждой страницы, кроме страницы ошибки

  • @gangstaproger7478
    @gangstaproger7478 2 года назад

    А если мне не на всех страницах нужен этот Layout то как быть?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 года назад

      Тут несколько вариантов. Или не делать такого компонента вообще, а в каждый пробрасывать основную структуру, либо сделать несколько вариантов для лэйаут

  • @ulugbekrustamov9633
    @ulugbekrustamov9633 3 года назад

    когда нам ждат 4 видео ??

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Сегодня. Выходит по 2 видео в неделю. Если не хотите ждать, в описании инфо о раннем доступе

  • @AskarZhaanbaev
    @AskarZhaanbaev 2 года назад

    это урок не понял начиная с Heading слишком быстро

  • @VladyslavZubko69
    @VladyslavZubko69 3 года назад +1

    Импорт реакта же даже в чистом реакте не нужен 🤔

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Да, это я довольно давно работаю на проекте где нужен импорт, поэтому подумал что фича)

    • @VladyslavZubko69
      @VladyslavZubko69 3 года назад

      @@YauhenKavalchuk Не забываем обновляться 😁

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      👍