Где лучше всего в компоненте обращаться за данными на backend API - в теле script setup, или в хуке жизненного цикла onMounted?

В onMounted.

Потому что:

1. Нельзя просто так использовать await в корне сетапа, это требует наличия Suspense и делает компонент асинхронным и ненужно усложняет приложение. Поэтому приходится использовать промисный then или IIFE , что может нарушить общий code style, хуже читается и менее удобно.

2. Если в запросе будет непойманная ошибка, то в script setup её не обработать, в отличие от хука.

3. С точки зрения системного дизайна, script setup - это конструктор компонента. Запрашивать в нем данные из внешних источников нелогично.

4. Были неоднократные свидетельства, что сетевой запрос в script setup не работал правильно, а при переносе в onMounted - работал. Зависит от контекста, но тем не менее.

Источник: vue-faq

#tip #api #hooks #scriptsetup #mounted

Сравнение пяти вариантов транспорта для связи фронта с бэкендом

#api #websockets #rest #sse #webrtc

Для меня Hoppscotch вне конкуренции, но, всё-таки, сравнительная таблица инструментов для работы с web API.

#api #hoppscotch #postman

Самый удобный для среднего веб-приложения JSON-RPC забыли

#api

А вы знали, что PostgreSQL может легко заменить Redis и MongoDB?

В первом случае, с помощью UNLOGGED таблиц и JSON типом данных, во втором - с помощью JSONB.

Еще у него есть встроенный адаптер для организации CRUD Web API - довольно удобно для фронтендеров, когда можно обойтись только этим и не писать свой бэкенд.

#db #postgresql #api

Еще один интересный API client - Yaak с девизом: «Offline-First and Bloat-Free»

На днях вышел в Open source. Написан на Tauri и React

Выглядит приятно, минималистично, но достаточно полно.

Альтернативы:
- Postman - слишком жирный и перегруженный, требует интернета для работы
- Hoppscotch - слишком часто не может подсоединиться к внешним API (CORS или блокировка его прокси)

Первое Tauri приложение, что я попробовал. К сожалению, реклама не то же самое, что жизнь - дистрибутив 40Мб, в развернутом виде - 120Мб. Не сильно меньше Electron-a, хотя не должен содержать в себе JS движок.

Есть еще один популярный "як" в семействе API клиентов - httpYac - CLI версия и расширение для VS Code

#api #rest #yaak #tauri #hoppscotch

Как выяснилось, за последний год в мире API клиентов случилась почти что революция

Вышел в open source Yaak (React, Tauri), релизнулся и активно развивается вполне достойный Bruno (Next.js, Tauri) и наконец-то появилась десктопная версия Hoppscotch (Vue 3, Tauri).

Hoppscotch пока в альфа версии, но вполне хорошо работает и решены проблемы с прокси для запросов. Дистрибутив занимает всего 10Мб (у Yaak 120Mb, у Bruno - 40Mb). На скриншоте, сколько они отъедают памяти в холостом режиме. Ну и просто какой-то бенефис Tauri.

Yaak и Bruno полностью оффлайновые, поэтому их UI работает очень быстро, Hoppscotch синхронизирует данные в облаке, поэтому есть небольшая задержка, но в целом хорошо.

По функционалу с большим отрывом лидирует Hoppscotch, за ним - Bruno

Мир устал от жирного, жадного и неповоротливого online-only Postman-a. Попробуйте эти клиенты и забудьте Postman как страшный сон.

#hoppscotch #yaak #bruno #api #tauri #postman