Огляд Next.JS за 16 хвилин - українською

2024 ж. 13 Мам.
17 293 Рет қаралды

❗ Що таке Next.JS? Чим він відрізняється від React.JS? Як створити нову сторінку або написати API ендпоінт - про все це ви дізнаєтесь з цього короткого огляду.
0:00 Вступ
0:40 Що таке Next.JS
5:17 Пробуємо Next.JS на практиці
✉️ Telegram: t.me/reactbeginners
❤️ Підтримати канал: opencollective.com/farstar
💡Всі матеріали курсу: github.com/Drag13/react-learn...

Пікірлер
  • Шукав мідь, а знайшов золото 😍 Щира подяка автору за якісний україномовний контент 👍

    @apsolution4722@apsolution47222 ай бұрын
    • Дякую

      @reactdev@reactdev2 ай бұрын
  • Дякую за якісний український контент! Ідеальне відео для продуктивного початку дня 👍🏻

    @natali_li90@natali_li90 Жыл бұрын
  • Чудовий матеріял!

    @babichweb@babichweb10 ай бұрын
  • Крутяк! 👍

    @ivangrabovsky1079@ivangrabovsky1079 Жыл бұрын
  • Дякую вам за крутий контент!

    @anastasiashkirta3217@anastasiashkirta321710 ай бұрын
  • Дуже якісно! Так тримати

    @Igor-uz3vn@Igor-uz3vn11 ай бұрын
  • Красавчик, давай ще Nexta !!!!!

    @good_mood-777@good_mood-777 Жыл бұрын
    • Даю Русик)

      @deriirostyslav2335@deriirostyslav2335 Жыл бұрын
  • Дякую за відео! Було дуже цікаво😊

    @jamesmay5088@jamesmay5088 Жыл бұрын
    • Дякую!

      @reactdev@reactdev Жыл бұрын
  • Дякую за відео! Дуже цікаво Вас слухати!

    @user-alena-1306@user-alena-1306 Жыл бұрын
    • Дякую! Сподіваюсь що ще й корисно

      @reactdev@reactdev Жыл бұрын
  • Крутецько! Крутий контент українською, продовжуйте підтримувати україномовне IT ком'юніті! Лайк однозначно

    @nazariikarpa7569@nazariikarpa7569 Жыл бұрын
    • Дякую!

      @reactdev@reactdev Жыл бұрын
  • Та це взагалі супер контент!!! Стільки сублімованих знань за 15 хвилин... тре передивлятися разів 5 щоб зрозуміти Але максимально круто!!!

    @vitaliihubariev9523@vitaliihubariev9523 Жыл бұрын
    • Дякую, відео досить довго готувалось, радий що сподобалося!

      @reactdev@reactdev Жыл бұрын
    • @@reactdev не думав що в такому короткому відео можна вмістити стільки інформації і навіть неочевидну проблематику! Але уявляю скільки годин витрачено на створення цього контенту! Моє шанування автору!

      @vitaliihubariev9523@vitaliihubariev9523 Жыл бұрын
  • Топчик дякую!!!😍

    @rostyslav5334@rostyslav533410 ай бұрын
    • Дякую! Сьогодні виходить нове відео про Next та серверні компоненти - kzhead.info/sun/qM1ymbKFgn56o5E/bejne.html

      @reactdev@reactdev10 ай бұрын
  • Дуже хороша подача, так тримати!

    @MaxSaveskul@MaxSaveskul Жыл бұрын
    • Дякую, завтра буде наступне відео про новий великий апдейт Next -а

      @reactdev@reactdev Жыл бұрын
  • чому так мало переглядів😨 дуже дякую за відео)

    @user-nz1nh5tw6f@user-nz1nh5tw6f Жыл бұрын
    • Тільки вчора виклали)Але якщо ви цим відео поділитесь я буду вдячний)

      @reactdev@reactdev Жыл бұрын
  • @MrSeredan@MrSeredan6 ай бұрын
  • Дякую за відео! Будь ласка, ще запишіть по Next

    @c4973@c4973 Жыл бұрын
    • А про що саме вам би було цікаво послухати?

      @reactdev@reactdev Жыл бұрын
    • Цікавить збірка проекту, бандли. А також оптимізація загрузки та роботи комерційного проекту на Next. Зокрема товариш говорив у них використовується кешування данних із б.д. на сервері.

      @c4973@c4973 Жыл бұрын
  • Крутяк! Треба міняти назву каналу😅

    @CodeBeep@CodeBeep Жыл бұрын
    • Next для початківців?)))

      @reactdev@reactdev Жыл бұрын
  • Next please))

    @vitaliihubariev9523@vitaliihubariev9523 Жыл бұрын
    • 😂

      @reactdev@reactdev Жыл бұрын
  • Дякую за відео! Вже більше року вивчаю JS, React, Redux і тут нещодавно побачив, що в React з'явився новий офіційний сайт з оновленою документацією та вже з рекомендаціями використовувати один з фреймворків як за основу. Почав розбиратися, що воно таке той Next, спочатку здалось, що штука дуже цікава, класна реалізація роутингу і таке інше, але згодом в голові з'явилась каша та повне нерозуміння стосовно того, як поєднувати все це з тим же Redux? Як комбінувати компоненти, які створені на стороні сервера, з компонентами на стороні клієнта? Як, наприклад, поєднати Next з React Query? Дивився англомовний ютуб, то хтось пояснює Next 13 вже з експерементальною структурую, а хтось ще з тою, що є наразі актуальна. І від цього стає зовсім не легше. Від усих цих нових технологій і як їх між собою поєднувати голова йде кругом)

    @1NortGod@1NortGod Жыл бұрын
    • А ви трохи почекайте. Десь за тиждень буде огляд нової структури Nexta з прикладами, правда без Redux. Можливо стане в нагоді

      @reactdev@reactdev Жыл бұрын
    • Теж на початку було заплутано після пару місяців React, але з часом розібрався з деякими фічами і стало дуже зручно з ним працювати. Вже не хочеться повертатися до React))

      @cortez_dh@cortez_dh Жыл бұрын
  • Виходить так, що в рекомендаціях React-команди є тільки full-stack фреймворки на базі React? Тобто якщо потрібен чисто фронтенд, а Create React App тепер немає в рекомендаціях, то тоді треба робити тільки свої кастомні налаштування (наприклад за допомогою бандлерів Webpack, Vite й т.д.) чи все ж таки CRA буде продовжувати розвиватись? І я так розумію, що немає чисто фронтових фреймворків на базі React які можна було б рекомендувати?

    @maksymleonidov7059@maksymleonidov7059 Жыл бұрын
    • CRA тепер буде працювати в якості стартера - пропонувати фреймворки і налаштування і сетапити їх. Я б зараз брав би Vite, якщо проект не передбачає якоїсь глибокої магії. А якщо потрібна кастомізація - webpack

      @reactdev@reactdev Жыл бұрын
  • Доброго дня, а підкажіть якщо за замовчування в теку pages не можна класти компоненти, то куди їх тоді класти?) Робити окрему теку під них?

    @gusillus2773@gusillus27739 ай бұрын
    • В старому Next - так. Створюється окрема тека під компоненти. А в новому (13.4+) можна мати компоненти вже поруч зі сторінками.

      @reactdev@reactdev9 ай бұрын
  • Вітаю, Ви проводите менторінг чи курси по Некст?

    @user-ue5do9rt5u@user-ue5do9rt5u11 ай бұрын
    • Доброго дня. Менторинг ні, курси зараз обговорюємо.

      @reactdev@reactdev11 ай бұрын
  • хотів би більше послухати про SSR та SSG

    @nepshetskiy852@nepshetskiy852 Жыл бұрын
    • Про SSG в тому чи іншому форматі буде обов'язково, таке пропускати не можна

      @reactdev@reactdev Жыл бұрын
  • Чи є зміст зараз купувати якийсь курс по Next на Udemy, який був останній раз оновлений наприклад в грудні минулого року, якщо в Next постійно щось оновлюється?

    @taraskin7419@taraskin7419 Жыл бұрын
    • Грудень це нормально, якщо за не дорого то можна.

      @reactdev@reactdev Жыл бұрын
    • от шо значить реклама - вже купив курс)

      @vitaliihubariev9523@vitaliihubariev9523 Жыл бұрын
    • @@vitaliihubariev9523 купив ще раніше, бо бачив що все в ту сторону рухається)

      @taraskin7419@taraskin7419 Жыл бұрын
  • клас "li" викинуа як вмусорку без обвязки в "ul", якщо вже так то хочаб зміни "li" на "div"

    @Mark_Familiy_Titan@Mark_Familiy_Titan6 ай бұрын
    • Дякую за зауваження.

      @reactdev@reactdev5 ай бұрын
  • Скільки буде відео по нексту ?

    @boyywnkobe@boyywnkobe Жыл бұрын
    • Залежить від того що вони зарелізять в наступній версії. Тому що в експерементальний частині дуже багато цікавих нововведень. І робити зараз матеріал на те, що через 2 місяці буде не актуально не хочеться.

      @reactdev@reactdev Жыл бұрын
    • я знаю що хочеться, то все просто лінь )

      @good_mood-777@good_mood-777 Жыл бұрын
    • 😂

      @reactdev@reactdev Жыл бұрын
KZhead