Next js 14 - что нового?
24:21
Пікірлер
@perstj5746
@perstj5746 14 минут бұрын
Bun может работать с http запросами ?
@ThDonatello
@ThDonatello 6 сағат бұрын
Старый хлам
@GAMOVER1993
@GAMOVER1993 13 сағат бұрын
Чем хуже или лучше SWR?
@egor5622
@egor5622 14 сағат бұрын
привет спасибо за видео, почему в файлах закоменченые строки серые а остальные нет?
@PurpleSchool
@PurpleSchool 14 сағат бұрын
Так отображает подсветка синтаксиса
@egor5622
@egor5622 14 сағат бұрын
@@PurpleSchool а вижу уже, это фича nvim спасибо
@Bunkerniy_Gadenish
@Bunkerniy_Gadenish 20 сағат бұрын
никуя задротина накупил все гомно подряд и стим деки и наушники и ноутбуки лучше бы пошел спортм позанимасял - нет сидит пердит 24/7 на стуле
@GregoryArt1976
@GregoryArt1976 20 сағат бұрын
странно srcset в source IDE ругается.
@CJIu3eHb
@CJIu3eHb 21 сағат бұрын
А вдруг фильтров много и у них длинные названия и/или значения и url в 2048 знаков не уложится? :)
@user-ix8dv7sj8i
@user-ix8dv7sj8i 23 сағат бұрын
у меня нет в свежем хроме designmode воожу он не находит
@PurpleSchool
@PurpleSchool 23 сағат бұрын
Проверьте, что вводите правильно. Он есть везде: developer.mozilla.org/en-US/docs/Web/API/Document/designMode
@TOuAMA_TOKAHABA
@TOuAMA_TOKAHABA Күн бұрын
А что не так со стандартным автокомплитом?
@PurpleSchool
@PurpleSchool Күн бұрын
У него нет поиска, как в fzf
@TOuAMA_TOKAHABA
@TOuAMA_TOKAHABA 12 сағат бұрын
@@PurpleSchool спасибо. Пробую, пока не нравится, пока замедляет работу
@DreamingDolphing
@DreamingDolphing Күн бұрын
Извините, но даже в китайских клавиатурах за 25$ с Алиэкспресс уже давно не нужно ничего не паять для замены свитчей (года два как). За такую сумму вы даже можете купить клавиатуру с силиконовой прокладкой на дне, нормальной шумоизоляцией платы, сносными ноунейм свитчами и полноценными pbt кейкапами.
@BlueCell
@BlueCell Күн бұрын
Поскольку FE разработка движется активно в сторону server components, делайте больше таких видео. Спасибо
@PurpleSchool
@PurpleSchool Күн бұрын
Хорошо)
@romansamon9215
@romansamon9215 Күн бұрын
Забыли сказать, что эта библа весит больше, чем реакт дом и помимо работы с запросами тянет за собой кучу ненужной и неиспользуемой функциональности, продакшн бандл спасибо вряд ли скажет. И да, что там насчет инвалидации кеша? Даннве же нужно актуализировать после выполнения запроса
@dev-zb9mg
@dev-zb9mg Күн бұрын
Да, видео по логгированию было круто! Если можно, рассмотрите Pino, пожалуйста.
@user-sj7tf2yv3m
@user-sj7tf2yv3m Күн бұрын
fish из коробки
@dev-zb9mg
@dev-zb9mg Күн бұрын
Антон, спасибо за видео! 1) У вас есть возможность отключать подсказки в IDEA? Они сбивают когда смотрю в ваш код, там и так много текста и ещё подсказки добавляют. 2) Вы используете vim? Можете поделиться впечатлениями?) Долго учились? Как давно используете? Сильно ли выросла продуктивность? Это могло бы стать темой для видеоролика, но буду признателен и за текст тоже :)
@PurpleSchool
@PurpleSchool Күн бұрын
Привет! Видео про vim: kzfaq.info/get/bejne/h5eXfMWBqrnYfGQ.htmlsi=tM4SdDKaj5AMhgvz
@dev-zb9mg
@dev-zb9mg 17 сағат бұрын
@@PurpleSchool ого, вы прямо на опережение) Благодарю!
@VitaliySunny
@VitaliySunny Күн бұрын
Вот это магия. Круть!
@PurpleSchool
@PurpleSchool Күн бұрын
👍
@PurpleSchool
@PurpleSchool Күн бұрын
Курсы по разработке: purpleschool.ru/
@coler12313
@coler12313 Күн бұрын
Что не видео, то находка!
@PurpleSchool
@PurpleSchool Күн бұрын
Спасибо)
@holingdev1737
@holingdev1737 Күн бұрын
Недавно в пет проекте переписал с redux, redux-saga на query, и понял что мне вообще не нужны стейт менеджеры
@pavel7930
@pavel7930 2 күн бұрын
Последнее - это как component во Vue, не рендерит компонент но сохраняет его состояние, а когда его нужно отобразить просто отображает не создавая его по новому
@ParaZumir
@ParaZumir 2 күн бұрын
I think map in this case doesnt make it read easier, than if else. I dont know about the memory or performance. Maybe someone could write it down as an answer to my comment
@DubinArtur
@DubinArtur 2 күн бұрын
А нужны ли с ним стейт-менеджеры?
@PurpleSchool
@PurpleSchool 2 күн бұрын
Зависит от задач, но да используются
@osad4enko
@osad4enko 2 күн бұрын
UseSWR?
@voidcode2534
@voidcode2534 2 күн бұрын
круто!
@PurpleSchool
@PurpleSchool 2 күн бұрын
👍
@asyvolkova1047
@asyvolkova1047 2 күн бұрын
А автор знает что такое IDE?
@PurpleSchool
@PurpleSchool 2 күн бұрын
Конечно
@asyvolkova1047
@asyvolkova1047 2 күн бұрын
@@PurpleSchool и автор думает что VSCode это IDE)))
@user-md5mw1tp3e
@user-md5mw1tp3e 2 күн бұрын
Я больше склоняюсь к reatom.
@PurpleSchool
@PurpleSchool 2 күн бұрын
Не пробовал, гляну
@Un5tab1e
@Un5tab1e 2 күн бұрын
Подскажите пожалуйста название расширения которое показывает вам ожидаемые аргументы у методов массива
@PurpleSchool
@PurpleSchool 2 күн бұрын
Это обычные подсказки TypeScript
@kostya4182
@kostya4182 2 күн бұрын
Попадайся мне в ленту по чаще пожалуйста 🙏
@PurpleSchool
@PurpleSchool 2 күн бұрын
Хорошо)
@user-vo7hi1py5n
@user-vo7hi1py5n 2 күн бұрын
Это альтернатива React Query?
@PurpleSchool
@PurpleSchool 2 күн бұрын
Это он и есть)
@user-vo7hi1py5n
@user-vo7hi1py5n 2 күн бұрын
@@PurpleSchool да я по джаве больше, на реакте просто немного колдую)) спасибо
@ntldrzic
@ntldrzic 3 күн бұрын
Антон, спасибо за полезное видео - эх, было бы оно 2 года назад). Расскажите как корректно реализовать фильтр по параметру, который может принимать несколько значений (как listbox)? Я реализовал через передачу массива: searchParams.set('vid_modeli', vm.join(',')); ? String(searchParams.get('vid_modeli')).split(',') : [], и потом router.push(`${pathname}?${searchParams}`, { scroll: false }); При этом компонент фильтра сделал клиентским через use сlient, так как было так привычнее получить списки с бэкенда и отрисовать всякие слайдеры.
@user-ik7rp8qz5g
@user-ik7rp8qz5g 3 күн бұрын
Проблема такого подхода в том, что теперь на каждое обновление фильтра делается запрос к серверу. Для огромных интернет магазинов это вполне нормально, но для маленьких сайтов, где весь контент загружается сразу, это неоправданное усложнение. Есть ли у этой задачи правильное решение - я не знаю. Пробовал несколько разных подходов, остановился на таком. Серверный компонент (страница) загружает исходные данные один раз и передает в клиентский компонент (фильтр + список). А на клиенте используется библиотека next-usequerystate (nuqs в новых версиях), которая обеспечивает синхронизацию кнопок фильтра с адресной строкой без перезагрузки страницы. Итог - статическая генерация с сохранением состояния в адресе.
@chirkov
@chirkov 3 сағат бұрын
Как раз почти все интернет магазины так и работают: на любое обновление фильтра делается новый запрос к серверу и тоже самое по нажатию на кнопку пагинации
@yumedzi
@yumedzi 3 күн бұрын
можно пожалуйста поменьше этих музыкальных переходов,слишком уж часто они происходят, слушая в наушниках,это начинает давить на мозги
@PurpleSchool
@PurpleSchool 3 күн бұрын
👍
@user-yh9uo8tn2k
@user-yh9uo8tn2k 3 күн бұрын
Последний yarn в связке с vite - быстрота и никакого геморроя с адаптацией. Bun действительно быстрее, но я лучше подожду пару секунд больше, чем потом ломать голову с совместимостью
@PurpleSchool
@PurpleSchool 3 күн бұрын
При чём тут Vite? Вы можете с bun использовать его или просто для установки зависимостей
@SergeyKachalov
@SergeyKachalov 3 күн бұрын
С времён процессоров 80286, BBS и модемов на 2400 появились проблемы с ПРОИЗВОДИТЕЛЬНОСТЬЮ терминала? Текстового терминала????? Ребята, вы отдаёте себе отчет в том, какое это БРЕД! Куда мир катится?
@funkjoker
@funkjoker 3 күн бұрын
Note to mention. Любое считывание searchParams в серверном компоненте автоматически делает рут динамическим. Ну должно, по крайней мере после того как ишью пофиксят с force-dynamic(или уже пофиксили) ну или это не partial prerendering
@PurpleSchool
@PurpleSchool 3 күн бұрын
👍
@mass-any_key-lite
@mass-any_key-lite 3 күн бұрын
1:37 Вот и научили что доверять блогерам не стоит, лучше использовать для Windows ColorConsole.
@PurpleSchool
@PurpleSchool 3 күн бұрын
Почему?
@baileysli6235
@baileysli6235 3 күн бұрын
4:09 зачем ты делаешь обёртку над сеттером?
@PurpleSchool
@PurpleSchool 3 күн бұрын
Я просто заранее подготовил эти функции к демонстрации, так как дальше в них добавляется дополнительные строки кода
@io0312
@io0312 3 күн бұрын
Исходники можно ?
@PurpleSchool
@PurpleSchool 3 күн бұрын
Сделаю завтра отдельный репозиторий
@io0312
@io0312 3 күн бұрын
@@PurpleSchool буду благодарен если поделитесь ссылкой, просто чтобы посмотреть и потыкать код написанный вами
@Love-id8gu
@Love-id8gu 2 күн бұрын
@@PurpleSchool Привет. Тоже всегда хочется исходники. Прикладывайте к урокам. Спасибо!
@user-gw8zk6xx5x
@user-gw8zk6xx5x 3 күн бұрын
Антон, привет 6:28 минута. "Обернем в useCallback для оптимизации". В данном случае для деоптимизации, у тебя в итоге просто так хук будет вызываться на каждый рендер т.к сохранение ссылки на ф-ию в зависимости от searchParams здесь вообще не нужно, оно не несет никакого смысла (Зачем ?) Так же: 1) Дублируются строчки при пробросе типа и направления в компоненты, можно было бы вынести в константы условия с оператором "??" 2) Когда перешли на серверные компоненты, то можно вынести query для href компонента Link в const переменную. P.S Но это уже мелочи по сравнению с useCallback
@PurpleSchool
@PurpleSchool 3 күн бұрын
Спасибо за дополнение
@dmitryrazdobudko4914
@dmitryrazdobudko4914 2 күн бұрын
конкретно тут можно createQueryString вынести за компонент, добавив seachParams третьим аргументом. И будет ещё лучше в плане оптимизации
@maxymbrychka
@maxymbrychka 3 күн бұрын
очень сложное объяснение, поищу другие видео)
@DyuKrow
@DyuKrow 3 күн бұрын
У тебя калонки как у меня, и точно так стоят) аж испугался, думал какойто глюк
@PurpleSchool
@PurpleSchool 3 күн бұрын
)))
@PurpleSchool
@PurpleSchool 3 күн бұрын
🔗 Ссылки: Про React 19: kzfaq.info/get/bejne/oLWqdqRzp87KhHk.html Видео про терминал MacOS: kzfaq.info/get/bejne/pJlziryBrNC6nqc.html 🎓 Курсы по разработке: purpleschool.ru 🎓 Курсы по React и Redux: purpleschool.ru/course/react-redux 🎓 Курсы по Next: purpleschool.ru/course/nextjs 💬 Telegram канал с полезными советами: t.me/purple_code_channel
@evoleurt
@evoleurt 3 күн бұрын
Спасибо, избавился от реакт роутера в пользу адекватного роутинга от tanstack
@PurpleSchool
@PurpleSchool 3 күн бұрын
Супер)
@radkevich
@radkevich 4 күн бұрын
Спасибо!
@PurpleSchool
@PurpleSchool 3 күн бұрын
Пожалуйста!
@XAH30
@XAH30 4 күн бұрын
А в правом нижнем углу с отступами в 4% снизу и 6% справа как сделать? :) За фичу спасибо - знания лишними не бывают, может когда-то пригодится на тестовом задании выпендрится. Но в коммерческой разработке такое будет использоваться примерно никогда.
@ivanselyt
@ivanselyt 4 күн бұрын
не говорите ему про существование Warp
@PurpleSchool
@PurpleSchool 4 күн бұрын
Я знаю, пользовался им какое-то время год назад, но не прижился
@user-nf8zb4qp6j
@user-nf8zb4qp6j 4 күн бұрын
Bun работает быстрее ноды в первую очередь не из-за за зига или другого джаваскрипт движка, а потому, что там по-дефолту за евент-луп и http и вебсокет сервер отвечает библиотека uwebsockets.js, написанная на C++ и, кстати говоря, нода при использовании этой библиотеки даже быстрее бана работает )
@ruslanryapov6221
@ruslanryapov6221 4 күн бұрын
Все четко, доступно и понятно! Антон, продолжай в том же духе Твой контент всегда образовательно содержателен и приятен душе)
@PurpleSchool
@PurpleSchool 4 күн бұрын
Спасибо!
@tackesi
@tackesi 4 күн бұрын
Я короче пробовал и yarn и pnpm и пришел к тому, что все это фигня. Обычный npm справляется достаточно хорошо, но самое главное, с ним меньше приколов и влясок с бубном.
@tackesi
@tackesi 4 күн бұрын
Это как быстрые альтернативы express. Да, на каких-то тестах они быстрее, но как только начинаешь масштабировать всю эту историю, оказывает, что все не настолько круто, а шаманзма много, в то время как в express уже решили , что можно было решить
@daniil2704
@daniil2704 4 күн бұрын
Не тыкал пока, и как то хз. Меня устраивает всем ярн, он быстрее нпм и я не ощущаю дискомфорта какого то
@bubblesort6368
@bubblesort6368 4 күн бұрын
А меня и npm устраивает) мы же не каждые пять минут качаем зависимости? Порой можно чуток и подождать)
@cdeblog
@cdeblog 4 күн бұрын
​@@bubblesort6368 ага, можно кофе сварить и с удовольствием выпить)) а не бегать туда-сюда😂
@bubblesort6368
@bubblesort6368 4 күн бұрын
@@cdeblog а если ещё docker compose начнет собираться, то можно и кафешку покушать сходить)