Frontender Libs - обзор библиотек JS / CSS

Интернет технологии

В избранное

Купить рекламу в этом канале

Формат:

keyboard_arrow_down

1/24
2/48
3/72
7 дней

1 час в топе / 24 часа в ленте

Количество:

keyboard_arrow_down

Стоимость публикации:

3 216^.78₽

Последние посты канала

imageИзображение не доступно для предпросмотра

FormCatcher.js

formCatcher.js — легковесная библиотека для удобной валидации форм. Позволяет настроить правила проверки полей без сложного кода, предотвращая отправку некорректных данных. Отличное решение для лендингов и веб-приложений.

👉 @sWebDev

358

08:31

02.04.2025

imageИзображение не доступно для предпросмотра

AI скоро сможет создавать сложные кодовые базы с нуля. Это повод волноваться?

👍 – Да, звучит серьезно!

❤️ – С нуля все могут, ты попробуй разобраться в том, что уже есть!

👉 @sWebDev | #юмор

517

15:21

01.04.2025

play_circleВидео недоступно для предпросмотра

Metaballs

Настраиваемая анимация шаров на Three.js и GSAP.

👉 @sWebDev

567

08:12

01.04.2025

imageИзображение не доступно для предпросмотра

Принудительный ререндер в React

В React метод flushSync() немедленно обновляет состояние и ререндерит компонент, обходя пакетирование. Это полезно, когда нужно сразу отобразить изменения перед выполнением других операций, например, измерения размеров DOM-элемента.

Обычно React группирует обновления в батчи, но иногда требуется мгновенный ререндер.

import { useState, useRef } from "react";
import { flushSync } from "react-dom";

function Example() {
  const [text, setText] = useState("Исходное значение");
  const spanRef = useRef(null);

  function handleClick() {
    flushSync(() => {
      setText("Обновлённое значение");
    });
    console.log("Ширина:", spanRef.current.offsetWidth);
  }

  return (
    <div>
      <button onClick={handleClick}>Изменить</button>
      <span ref={spanRef}>{text}</span>
    </div>
  );
}


flushSync()

гарантирует, что offsetWidth обновится сразу после изменения текста.

👉 @sWebDev

585

07:43

31.03.2025

imageИзображение не доступно для предпросмотра

Есть ли способ точнее объяснить, как работает HTML?

👍 – Это идеальная визуализация.

❤️ – Даже документация так чётко не объясняет.

🤔 – Добавьте ещё пару div-ов для надёжности.

👉 @sWebDev | #юмор

567

09:13

30.03.2025

imageИзображение не доступно для предпросмотра

Работа с resolveForwardRef()

Что делает resolveForwardRef() при передаче ему объекта?

Забыли? Вернитесь к посту от

10.03.2025

.

👉 @sWebDev

589