Telegram Web
Обработка ошибок в Angular с помощью оператора повтора

Статья рассматривает обработку ошибок в Angular с использованием оператора retry. Он автоматически повторно подписывается на неудачный Observable определенное количество раз. Это позволяет повторно отправить HTTP-запрос, если он завершился неудачей. Автор также обсуждает использование интерцепторов для обработки ошибок аутентификации и повторной попытки запросов после повторной аутентификации.

👉 @sWebDev
👍4
Хук useSWR для удаленной выборки данных

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
This media is not supported in your browser
VIEW IN TELEGRAM
Text animation with anime.js

Интерактивный пример анимации текста на Anime.js.

👉 @sWebDev
👍5👎2
Надеемся, что это не ваши поисковые запросы.

👉 @sWebDev | #юмор
👍12🤔21🔥1
jBox

jBox – это библиотека JavaScript, которая позволяет создавать различные типы всплывающих окон.

👉 @sWebDev
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
CartaSV

Интерактивная анимация открытки с персонализированным содержимым на GSAP.js.

👉 @sWebDev
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
👨‍💻Изучаешь Frontend? Я тоже!

idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта.

С меня:
— Сложная теория простым языком;
— Практические примеры и объяснения;
— Работа над ошибками.

С тебя:
— Подписка @idk_frontend

Продолжим обучаться вместе! 👋
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51
Создание Angular-приложения на базе искусственного интеллекта с помощью Google Gemini

В статье рассказывается о том, как использовать Google Gemini для создания приложений Angular, оснащенных искусственным интеллектом. Gemini — это платформа генеративного ИИ, которая позволяет разработчикам создавать приложения, способные генерировать текст, переводить языки, писать различные творческие тексты и отвечать на ваши вопросы информативно.

👉 @sWebDev
👍5
React useTransition: изменение производительности или...?

Статья рассматривает вопросы производительности в React и в частности, как useTransition и useDeferredValue могут повлиять на взаимодействие с пользовательским интерфейсом

👉 @sWebDev
🔥51👍1
Isotope

Isotope – это JavaScript-библиотека, которая позволяет фильтровать и сортировать элементы на странице. Она работает с элементами DOM, поэтому ее можно использовать с любой библиотекой или фреймворком JavaScript.

👉 @sWebDev
👍4
Условия для вызова хука afterNextRender

Когда вызывается хук afterNextRender?

👉 @sWebDev
👍4
Изучение четырех ключевых примитивов из Solid

Статья рассматривает четыре ключевых примитива, используемых в фреймворке Solid для создания веб-приложений.

👉 @sWebDev
👍3
Синхронизация с внешним хранилищем

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
Media is too big
VIEW IN TELEGRAM
Background Generator

Генератор баблов для фона на Anime.js.

👉 @sWebDev
👍3
Забывали ставить ;?

👉 @sWebDev
👍16
ImagesLoaded

ImagesLoaded – это JavaScript-библиотека, предназначенная для отслеживания загрузки изображений на веб-странице. Она позволяет вам выполнять код после того, как все изображения на странице (или в заданном селекторе) будут загружены.

👉 @sWebDev
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
GSAP scrolltrigger exemple

Пример скролл-анимации на GSAP.js.

👉 @sWebDev
👍10
Реализация React Query в веб-приложении

В этой статье рассматривается интеграция библиотеки React Query в базовое веб-приложение. React Query - это библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. В статье создается простое приложение, которое извлекает данные из открытого API, а для стилизации используется Bootstrap.

👉 @sWebDev
3
Media is too big
VIEW IN TELEGRAM
Spooky - ThreeJS

Пример реализации трехмерной диорамы на Three.js.

👉 @sWebDev
👍6🔥2
2025/07/14 21:43:36
Back to Top
HTML Embed Code: