Frontend.code - JS Разработка
218 subscribers
81 photos
1 video
79 links
Надежный источник знаний и вдохновения в мире frontend разработки.

https://t.me/frontenddotcode?boost

Практические примеры кода, подробные туториалы, советы от опытного разработчика, обзоры последних инструментов и технологий
Download Telegram
NextUI 2.0

Вышла новая версия ui библиотеки для реакта.

Изменения:
- Перешли с stitches на tailwind
- Добавили настройку tailwind тем
- Повышение производительности с помощью React Server Components
- Кастомные темы, слои, цвета
- Новые шаблоны и гайды
- Tailwind Variants
- Переписали компоненты с использованием хуков react-aria
- Оптимизировали анимацию
- Расширили документацию
- и т.д.

Все изменения

#js #news #lib #react
Please open Telegram to view this post
VIEW IN TELEGRAM
Lazy Loading In JavaScript

Как реализовать ленивую загрузку, а самое главное когда?

В конце статьи автор приводит советы, которые помогут при работе с ленивой загрузкой, вот некоторые из них:
- Оптимизируйте изображения
- Устанавливайте placeholder(или 'skeleton') для медиа, которое в данный момент загружается
- Обрабатывайте ошибки загрузки. Этим очень часто пренебрегают
- Не переборщите)

Статья на английском
#js #vanilla #middle
Please open Telegram to view this post
VIEW IN TELEGRAM
Radix UI

Либа компонентов с открытым исходным кодом.

Импортируем и работаем - никаких настроек. Выглядит достаточно красиво

Ссылка на сайт

Producthunt

#js #react #lib #ui
Please open Telegram to view this post
VIEW IN TELEGRAM
Анонс Typescript 5.2

- Новый декоратор setMetadata
- using, явное управление ресурсами (для чистки памяти)
- Упрощенное использование методов для объединения массивов
- Добавили новые фишки из последней версии ECMAScript
и т.д.

Ссылка на релиз

#js #ts #news
Please open Telegram to view this post
VIEW IN TELEGRAM
Bun 1.0

У нас тут появилась альтернатива всему и вся. Вчера релизнулся Bun 1.0

Это, как они сами пишут, инструмент "всё в одном", который замахивается на замену Node.js, пакетным менеджерам и подобным вещам.

В релизе пишут что bun запускается в 4 раза быстрее Node.js

Ссылка на релиз

#js #ts #nodejs #npm #news
Please open Telegram to view this post
VIEW IN TELEGRAM
Bun v1.0.21

Bun активно развивается, релизнулась уже 21 версия. Комьюнити достаточно активное. Сторонние библиотеки потихоньку предлагают использовать пакетный менеджер bun.

Изменения:
- Устранили 33 бага
- Поддержка console.table()!
- Больше информации об ошибках в bun:sqlite
- Большие файлы в FormData, Bun.write, Bun.file, bun:sqlite используют меньше оперативки

Ссылка на релиз

#ts #js #nodejs #bun #news

P.s. Вернулись в строй, будем восстанавливать режим публикаций. Всех с Новым Годом!🌲
Please open Telegram to view this post
VIEW IN TELEGRAM
Vue 3.4

31 декабря закончилась поддержка vue 2. Press 🫡

В новом релизе существенно переработали парсер шаблонов. Теперь этот зверь работает в 2 раза быстрей.

Изменения:
- x2 к скорости парсинга шаблонов
- Рефакторинг системы реактивности (оптимизировали повторные вычисления). В релизе наглядный пример с watchEffect
- Стабилизировали defineModel. В версии 3.3 был выпущен в качестве эксперемента
- Добавили новые сокращения:
Было: <img :id="id" :src="src" :alt="alt">
Стало: <img :id :src :alt>

- и т.д.

Эти сокращения выглядят сомнительно, при этом они сами пишут, что у них были опасения насчет данного нововведения, не получилось бы каши. Будем наблюдать.

Ссылка на релиз

#js #vue #news #newVersion
Please open Telegram to view this post
VIEW IN TELEGRAM
Топ проектов на JS

Ребята из bestofjs выпустили 8-е издание JavaScript Rising Stars - тенденции JS в 2023 году.

За основу бралось количество звезд, добавленных на GitHub за последние 12 месяцев.

В рейтинге есть описание проектов каждой категории, ссылки и графики популярности

Ссылка на топ

#js #ts #news
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Next.js 14.1

На этой неделе вышло обновление next, изменения:

- Новая документация по self-hosting
- Добавили возможность кастомного обработчика кэша.
- Улучшили турбопакет
- Улучшили сообщения об ошибках
- Добавили в appRoute поддержку pushState и replaceState
- Пофиксили 20 багов в работе роутов
- Прокачали next/image

Ссылка на релиз

#js #ts #react #news #framework
Please open Telegram to view this post
VIEW IN TELEGRAM
Nuxt 3.10

Изменения:
- Новый useId для генерации ID для SSR
- Возможность расширения router.options в модулях
- Экспериментальная поддержка nodejs на стороне клиента
- Улучшили реактивность cookie
- Теперь можно менять метаданные роута в модулях и хуках
- и т.д.

Ссылка на релиз

#js #ts #vue #news
Please open Telegram to view this post
VIEW IN TELEGRAM