В представленном вчера Next.js 13.3 добавлены популярные функции, в том числе по инициативе сообщества:

☑️ File-Based Metadata API: Dynamically generate sitemaps, robots, favicons, and more.
☑️ Dynamic Open Graph Images: Generate OG images using JSX, HTML, and CSS.
☑️ Static Export for App Router: Static / Single-Page Application (SPA) support for Server Components.
☑️ Parallel Routes and Interception: Advanced routing features for the App Router.

https://nextjs.org/blog/next-13-3

⚡Перехват маршрутов в Next.js 13.3

Вы можете «перехватить» динамическую навигацию на другую страницу и отобразить вместо нее что-то другое, например предварительный просмотр продукта.

Затем, когда страница обновляется или загружается заново, загружается обычная страница. Подробности и примеры ниже.👇

🧵Читать в Твиттере
🧵Читать в PingThread (если Твиттер не открывается)

#javascript #tip by Shripal Soni

Подборка полезных библиотек React-разработчика

Некоторые из них не очень активно поддерживаются, как хотелось бы. Речь про react-beautiful-dnd — вместо нее советуют использовать dnd-kit.

Читать

Все любят интерактивные блоги, но детализацию как у Bartosz Ciechanowski редко встретишь.

Посты очень длинные, но внимание к деталям и возможность взаимодействовать с иллюстрациями только подпитывают интерес. Узнайте, как под капотом устроены:

🚴‍♀️Велосипед
🔉Звук
🕰Механические часы
🗺GPS и многое другое

https://ciechanow.ski/archives/

#css #tip by Shripal Soni

React, Visualized — простое интерактивное руководство по основным концепциям React.

https://react.gg/visualized

#css #tip by Shripal Soni

Артём Арутюнян, автор менеджера состояния Reatom, рассказывает про главную киллер-фичу redux-saga/rxjs и грядущие изменения в стандарте ECMAScript.

Речь пойдёт об автоматической отмене конкурентных асинхронных цепочек — обязательном свойстве при работе с любым REST API и другими более общими асинхронными последовательными операциями.

Читать

#news

Представлена htmx 1.9

Библиотека становится все более популярной, поскольку позволяет использовать веб-сокеты, SSE, AJAX, CSS transitions и другие инструменты.

Примеры кода заслуживают отдельного внимания — htmx делает многое возможным, при этом требуется довольно мало инструментов или разметки.

🧙 Пишем код как волшебники: 12 горячих клавиш VS Code для продуктивной работы

Вам надоело постоянно тянуться к мышке и прерывать свой поток вдохновения во время программирования? Мы составили список из двенадцати сочетаний клавиш, которые сэкономят ваше время и позволят быстро воплощать свои мысли в код: от перемещения по строчкам до поиска файлов и переключения панелей терминалов. Попрощайтесь с болью в плече и поздоровайтесь с продуктивностью!

🔗 Основной сайт
🔗 Зеркало

#javascript #tip by Shripal Soni

Гайд по использованию Composition API для создания анимаций в Vue с помощью CSS и JavaScript библиотеки GSAP (GreenSock Animation Platform).

Читать

#devtool #tip by Shripal Soni

Signals vs Observables: на заметку фронтенд-разработчику.

Читать