Обработка ошибок в Angular с помощью оператора повтора
Статья рассматривает обработку ошибок в Angular с использованием оператора
👉 @sWebDev
Статья рассматривает обработку ошибок в Angular с использованием оператора
retry
. Он автоматически повторно подписывается на неудачный Observable определенное количество раз. Это позволяет повторно отправить HTTP-запрос, если он завершился неудачей. Автор также обсуждает использование интерцепторов для обработки ошибок аутентификации и повторной попытки запросов после повторной аутентификации.👉 @sWebDev
👍4
Хук useSWR для удаленной выборки данных
Как это работает:
Пример:
В этом примере
👉 @sWebDev
useSWR
– это хук React, который помогает управлять данными, полученными с сервера. Он основан на паттерне "stale-while-revalidate" (SWR). Как это работает:
SWR
возвращает данные из кэша, если они есть (даже если они устарели). Далее отправляет запрос на сервер, чтобы получить свежие данные. Наконец, обновляет данные в компоненте, когда они будут получены.Пример:
import useSWR from 'swr';
function MyComponent() {
const { data, error } = useSWR('/api/users');
if (error) return <div>Error loading users</div>;
return (
<ul>
{data.users.map((user) => (
<li key={user.id}>{user.name}</li>
))}
</ul>
);
}
В этом примере
useSWR
используется для получения данных с сервера по адресу /api/users
, data
содержит объект с данными, полученными с сервера., а error
содержит сообщение об ошибке, если запрос на сервер не удался.👉 @sWebDev
👍5
jBox
jBox – это библиотека JavaScript, которая позволяет создавать различные типы всплывающих окон.
👉 @sWebDev
jBox – это библиотека JavaScript, которая позволяет создавать различные типы всплывающих окон.
👉 @sWebDev
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта.
С меня:
— Сложная теория простым языком;
— Практические примеры и объяснения;
— Работа над ошибками.
С тебя:
— Подписка @idk_frontend
Продолжим обучаться вместе!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1
Создание Angular-приложения на базе искусственного интеллекта с помощью Google Gemini
В статье рассказывается о том, как использовать Google Gemini для создания приложений Angular, оснащенных искусственным интеллектом. Gemini — это платформа генеративного ИИ, которая позволяет разработчикам создавать приложения, способные генерировать текст, переводить языки, писать различные творческие тексты и отвечать на ваши вопросы информативно.
👉 @sWebDev
В статье рассказывается о том, как использовать Google Gemini для создания приложений Angular, оснащенных искусственным интеллектом. Gemini — это платформа генеративного ИИ, которая позволяет разработчикам создавать приложения, способные генерировать текст, переводить языки, писать различные творческие тексты и отвечать на ваши вопросы информативно.
👉 @sWebDev
👍5
React useTransition: изменение производительности или...?
Статья рассматривает вопросы производительности в React и в частности, как
👉 @sWebDev
Статья рассматривает вопросы производительности в React и в частности, как
useTransition
и useDeferredValue
могут повлиять на взаимодействие с пользовательским интерфейсом 👉 @sWebDev
🔥5❤1👍1
Isotope
Isotope – это JavaScript-библиотека, которая позволяет фильтровать и сортировать элементы на странице. Она работает с элементами DOM, поэтому ее можно использовать с любой библиотекой или фреймворком JavaScript.
👉 @sWebDev
Isotope – это JavaScript-библиотека, которая позволяет фильтровать и сортировать элементы на странице. Она работает с элементами DOM, поэтому ее можно использовать с любой библиотекой или фреймворком JavaScript.
👉 @sWebDev
👍4
Когда вызывается хук afterNextRender?
Anonymous Quiz
26%
Один раз после завершения рендеринга компонента.
47%
После каждого цикла обнаружения изменений.
17%
При SSR (Server-Side Rendering).
10%
Перед рендерингом компонента.
👍6
Изучение четырех ключевых примитивов из Solid
Статья рассматривает четыре ключевых примитива, используемых в фреймворке Solid для создания веб-приложений.
👉 @sWebDev
Статья рассматривает четыре ключевых примитива, используемых в фреймворке Solid для создания веб-приложений.
👉 @sWebDev
👍3
Синхронизация с внешним хранилищем
Пример использования:
В этом примере:
1)
2)
-
-
3)
4) Компонент
каждый раз, когда состояние хранилища меняется.
👉 @sWebDev
useSyncExternalStore
- это хук, позволяющий синхронизировать состояние компонента с внешним хранилищем данных. Пример использования:
const store = createStore();
function MyComponent() {
const data = useSyncExternalStore(
store.subscribe,
store.getSnapshot,
);
return (
<div>
{data.map((item) => (
<p key={item.id}>{item.text}</p>
))}
</div>
);
}
В этом примере:
1)
store
- это наше внешнее хранилище данных.2)
useSyncExternalStore
принимает два аргумента:-
store.subscribe
: функция, которая подписывается на обновления хранилища.-
store.getSnapshot
: функция, которая возвращает текущее состояние хранилища.3)
data
- это переменная, которая содержит текущее состояние хранилища.4) Компонент
MyComponent
будет обновляться каждый раз, когда состояние хранилища меняется.
👉 @sWebDev
👍7
ImagesLoaded
ImagesLoaded – это JavaScript-библиотека, предназначенная для отслеживания загрузки изображений на веб-странице. Она позволяет вам выполнять код после того, как все изображения на странице (или в заданном селекторе) будут загружены.
👉 @sWebDev
ImagesLoaded – это JavaScript-библиотека, предназначенная для отслеживания загрузки изображений на веб-странице. Она позволяет вам выполнять код после того, как все изображения на странице (или в заданном селекторе) будут загружены.
👉 @sWebDev
🔥5
Реализация React Query в веб-приложении
В этой статье рассматривается интеграция библиотеки React Query в базовое веб-приложение. React Query - это библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. В статье создается простое приложение, которое извлекает данные из открытого API, а для стилизации используется Bootstrap.
👉 @sWebDev
В этой статье рассматривается интеграция библиотеки React Query в базовое веб-приложение. React Query - это библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. В статье создается простое приложение, которое извлекает данные из открытого API, а для стилизации используется Bootstrap.
👉 @sWebDev
❤3