https://masteringnuxt.com/blog/controlling-when-components-are-loaded-in-nuxt?friend=MOKKAPPS
Контролируем загрузку компонентов в Наксте ребятушки
Контролируем загрузку компонентов в Наксте ребятушки
Masteringnuxt
Controlling When Components are Loaded in Nuxt
Explore how to optimize your Nuxt app’s performance by controlling when components load. Learn about lazy components, prefetching, and making components asynchronous to enhance user experience and reduce initial load times.
Допустим видео, простихоспаде
Создаём сайт на Vue.js, Nuxt Studio, Nuxt Content, and Nuxt UI
https://www.youtube.com/watch?v=llnFaQqEM8E&ab_channel=ThisDotMedia
Создаём сайт на Vue.js, Nuxt Studio, Nuxt Content, and Nuxt UI
https://www.youtube.com/watch?v=llnFaQqEM8E&ab_channel=ThisDotMedia
YouTube
Create a site with Vue.js, Nuxt Studio, Nuxt Content, and Nuxt UI!
In this JS Drop, Simone is joined by Ferdinand and Baptiste from Nuxt Labs to explore the latest updates in the Nuxt ecosystem. Ferdinand kicks off with an introduction to Nuxt Labs and its dual mission of supporting the open-source Nuxt framework while building…
Вышел TypeScript 5.7 🔥
— Поддержка
— Проверки для никогда не инициализируемых переменных
— Переписывание путей для относительных маршрутов
— Поиск файлов конфигурации предков на предмет владения проектом
— Ускоренная проверка владения проектом в редакторах для composite проектов
— Проверенный импорт JSON в
— Поддержка кэширования компиляции V8 в Node.js
— TypedArrays теперь Generic над ArrayBufferLike
— Создание индексных подписей из нелитеральных имен методов в классах
и куча ещё всякого!
https://habr.com/ru/articles/861126/
— Поддержка
--target es2024
и --lib es2024
— Проверки для никогда не инициализируемых переменных
— Переписывание путей для относительных маршрутов
— Поиск файлов конфигурации предков на предмет владения проектом
— Ускоренная проверка владения проектом в редакторах для composite проектов
— Проверенный импорт JSON в
--module nodenext
— Поддержка кэширования компиляции V8 в Node.js
— TypedArrays теперь Generic над ArrayBufferLike
— Создание индексных подписей из нелитеральных имен методов в классах
и куча ещё всякого!
https://habr.com/ru/articles/861126/
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Вышел TypeScript 5.7
Эта статья — перевод оригинальной статьи « Announcing TypeScript 5.7 » Также я веду телеграм канал « Frontend по‑флотски », где рассказываю про интересные вещи из мира разработки...
Автор русского перевода документации
#vite #i18n
VitePress
перевел и Vite
документацию и просит сделать ревью его PR , чтобы его пропустили.#vite #i18n
GitHub
feat: add Russian translation by dragomano · Pull Request #18684 · vitejs/vite
Description
Add Russian translation for the docs site
Repository: https://github.com/dragomano/vite-docs
Preview: https://dragomano.github.io/vite-docs/
Add Russian translation for the docs site
Repository: https://github.com/dragomano/vite-docs
Preview: https://dragomano.github.io/vite-docs/
This media is not supported in your browser
VIEW IN TELEGRAM
#заметка дня
Сегодня немного о том, как же хорошо иметь отклик аудитории в соцсетях.
Некто Бен Дикен (ну как, некто, его статью по B-деревьям и индексам в базах данных мы недавно читали) решил хайпануть на теме производительности разных языков и сред. Ну, на синтетических тестах, если уж совсем точно.
И выкатил видео, на котором тупо визуализировал результат выполнения 1 миллиарда итераций вложенных циклов: https://benjdd.com/loops/
Ну, условно, вот такой код:
Если коротко, то получилось, что JS в Node.js в 30 раз медленнее, чем C, скомпилированный в gcc с -O1 (минимальной оптимизацией).
Ох, как же его начали макать... Опустим очевидные моменты вроде тех, что никому в реальной жизни не интересно, как там миллиард циклов выполнится. Что гораздо интереснее — это как всё улучшить.
Как оказалось, улучшать есть что! На иллюстрации к посту вы видите результат коллективной работы большого числа людей. Как видим, JS лишь в 2-2.5 раза медленнее: https://benjdd.com/languages/
Как так вышло? Очень просто: know your tools.
Например, прям из простейшего: если в JS создать массив как new Array(10000), он будет заполнен мусором и готов будет принимать в себя любые типы элементов. А если new Array(10000).fill(0) — движок оптимизирует код под работу с целыми числами. И буст будет просто огромный.
Вот вам и динамический язык, кто бы мог подумать. Дальше — больше (
В общем, и обсуждение оригинального поста и обсуждение результата коллективной работы стоят вашего внимания.
Особенно если вы собираетесь вложенные циклы миллиардами итераций выполнять.
#performance #test
Сегодня немного о том, как же хорошо иметь отклик аудитории в соцсетях.
Некто Бен Дикен (ну как, некто, его статью по B-деревьям и индексам в базах данных мы недавно читали) решил хайпануть на теме производительности разных языков и сред. Ну, на синтетических тестах, если уж совсем точно.
И выкатил видео, на котором тупо визуализировал результат выполнения 1 миллиарда итераций вложенных циклов: https://benjdd.com/loops/
Ну, условно, вот такой код:
let array = new Array(10000);
for (let i = 0; i < 10000; i++) {
for (let j = 0; j < 100000; j++) {
array[i] = array[i] + j;
}
}
Если коротко, то получилось, что JS в Node.js в 30 раз медленнее, чем C, скомпилированный в gcc с -O1 (минимальной оптимизацией).
Ох, как же его начали макать... Опустим очевидные моменты вроде тех, что никому в реальной жизни не интересно, как там миллиард циклов выполнится. Что гораздо интереснее — это как всё улучшить.
Как оказалось, улучшать есть что! На иллюстрации к посту вы видите результат коллективной работы большого числа людей. Как видим, JS лишь в 2-2.5 раза медленнее: https://benjdd.com/languages/
Как так вышло? Очень просто: know your tools.
Например, прям из простейшего: если в JS создать массив как new Array(10000), он будет заполнен мусором и готов будет принимать в себя любые типы элементов. А если new Array(10000).fill(0) — движок оптимизирует код под работу с целыми числами. И буст будет просто огромный.
Вот вам и динамический язык, кто бы мог подумать. Дальше — больше (
new Int32Array(10000)
, например).В общем, и обсуждение оригинального поста и обсуждение результата коллективной работы стоят вашего внимания.
Особенно если вы собираетесь вложенные циклы миллиардами итераций выполнять.
#performance #test
The State of Vue.js Report 2025 - Developer Survey
https://docs.google.com/forms/d/e/1FAIpQLSc6QQQ14ZuE4akaTZAkqOAMUSGjXVjKS-KuVu2eZ448jzK1Nw/viewform
https://docs.google.com/forms/d/e/1FAIpQLSc6QQQ14ZuE4akaTZAkqOAMUSGjXVjKS-KuVu2eZ448jzK1Nw/viewform
Наткнулся на весьма интересное видео в рекомендациях. Ни с Vue, ни с Nuxt'ом это не связано (хотя косвенно - да), но очень советую к просмотру!)
https://www.youtube.com/watch?v=BfYcYsUAcdk
https://www.youtube.com/watch?v=BfYcYsUAcdk
YouTube
JavaScript расколется на 2 языка! Что происходит?!
Cloud․ru — провайдер облачных сервисов и AI-технологий, который делает доступ к облакам и ИИ простым и удобным.
В Cloud․ru есть 100+ IaaS- и PaaS-сервисов, ML-платформа на базе суперкомпьютеров и публичное облако Cloud․ru Evolution на основе собственных…
В Cloud․ru есть 100+ IaaS- и PaaS-сервисов, ML-платформа на базе суперкомпьютеров и публичное облако Cloud․ru Evolution на основе собственных…
Ну что, смотрим результаты State of JS 2024
https://2024.stateofjs.com/ru-RU/
https://2024.stateofjs.com/ru-RU/
Stateofjs
State of JavaScript 2024
The 2024 edition of the annual survey about the latest trends in the JavaScript ecosystem.
Scaling Your Vue App: 4 Proven Patterns to Keep It Clean
https://michaelnthiessen.com/scaling-your-vue-app
https://michaelnthiessen.com/scaling-your-vue-app
Michaelnthiessen
Scaling Your Vue App: 4 Proven Patterns to Keep It Clean
As your Vue app grows, it can become harder to keep it organized. Learn four proven patterns that help simplify data flow, testing, configuration, and flexibility, ensuring your code remains clean and scalable.
Продолжаем парад рандомных вуйных статей из интернета 💚
How to Use the Variant Props Pattern in Vue
https://alexop.dev/posts/vue-typescript-variant-props-type-safe-props/
How to Use the Variant Props Pattern in Vue
https://alexop.dev/posts/vue-typescript-variant-props-type-safe-props/
Please open Telegram to view this post
VIEW IN TELEGRAM
alexop.dev
How to Use the Variant Props Pattern in Vue | alexop.dev
Learn how to create type-safe Vue components where prop types depend on other props using TypeScript discriminated unions. A practical guide with real-world examples.
Новый год уже совсем близко🎄 Команда Nuxt принесла нам предновогодний подарочек 🎁
Встречайте Nuxt 3.15.0 🎉
⚡️ Включена поддержка Vite 6
Не смотря на то, что в Vite 6 есть ряд не обратно совместимых изменений, команда Nuxt надеется, что это не станет большой проблемой при использовании Nuxt.
🪵 Интеграциия с инструментами для разработчиков в браузерах на Chromium
Теперь в девтулах добавлена поддержка вывода информации о таймингах хуков жизненного цикла nuxt
🗺️ Навигационный режим для callOnce
Иногда хочется использовать callOnce не просто один раз на сервере, а каждый раз при навигационном переходе. Теперь такая возможность есть, у callOnce появился необязательный параметр режим с опцией
🥵 Добавлена поддержка HMR для виртуальных файлов Nuxt, а так же метаданных для страниц
📋 Улучшение метаданных страниц
Добавлено извлечение дополнительных ключей метаданных на страниц. Добавлена поддержка запуска локальных функций внутри
🔥 Улучшение производительности
Обещают, что приложение стало производительнее, но это еще нужно проверить
Есть еще разные улучшения, с полным списком которых можно ознакомиться в релиз ноутах👩💻
Встречайте Nuxt 3.15.0 🎉
⚡️ Включена поддержка Vite 6
Не смотря на то, что в Vite 6 есть ряд не обратно совместимых изменений, команда Nuxt надеется, что это не станет большой проблемой при использовании Nuxt.
🪵 Интеграциия с инструментами для разработчиков в браузерах на Chromium
Теперь в девтулах добавлена поддержка вывода информации о таймингах хуков жизненного цикла nuxt
🗺️ Навигационный режим для callOnce
Иногда хочется использовать callOnce не просто один раз на сервере, а каждый раз при навигационном переходе. Теперь такая возможность есть, у callOnce появился необязательный параметр режим с опцией
navigation
🥵 Добавлена поддержка HMR для виртуальных файлов Nuxt, а так же метаданных для страниц
📋 Улучшение метаданных страниц
Добавлено извлечение дополнительных ключей метаданных на страниц. Добавлена поддержка запуска локальных функций внутри
definePageMeta
🔥 Улучшение производительности
Обещают, что приложение стало производительнее, но это еще нужно проверить
Есть еще разные улучшения, с полным списком которых можно ознакомиться в релиз ноутах
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
Release v3.15.0 · nuxt/nuxt
👀 Highlights
❄️ Snowfall!
Happy holidays! You'll notice when you start Nuxt that (if you're in the Northern Hemisphere) there's some snow on the loading screen (#29871).
⚡️ Vite 6 inclu...
❄️ Snowfall!
Happy holidays! You'll notice when you start Nuxt that (if you're in the Northern Hemisphere) there's some snow on the loading screen (#29871).
⚡️ Vite 6 inclu...