Frontender Libs - обзор библиотек JS / CSS
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Менеджер по рекламе: @Spiral_Yuri Купить рекламу: https://telega.in/c/sWebDev
إظهار المزيد9 496
المشتركون
-324 ساعات
-127 أيام
-9530 أيام
- المشتركون
- التغطية البريدية
- ER - نسبة المشاركة
جاري تحميل البيانات...
معدل نمو المشترك
جاري تحميل البيانات...
00:10
Video unavailableShow in Telegram
Eye
Анимация глаза на GSAP.
👉 @sWebDev
bandicam 2024-08-31 23-45-31-297.mp45.38 KB
👍 1
Codepen
Photo unavailableShow in Telegram
Яндекс Директ
Только этой осенью Яндекс Директ добавит до 20 000 ₽ на рекламу для вашего бизнеса ⚡
Зарегистрируйтесь до 30 сентября 2024 года, чтобы участвовать в акции 💰
Узнать больше
#реклама
yandex.ru
О рекламодателе
👎 2🔥 1
Photo unavailableShow in Telegram
Использование изолированных модулей в Angular
Статья описывает поддержку опции
isolatedModules
в Angular 18.2, которая ускоряет сборку приложения на 10% за счёт использования транспиляции TypeScript через бандлер (например, esbuild
) вместо обычного TypeScript. Эта опция позволяет оптимизировать код, инлайнить const
и обычные enum, и убрать необходимость в оптимизациях на основе Babel для TypeScript-кода. Для включения этой функции нужно добавить "isolatedModules": true в tsconfig.json
.
👉 @sWebDev👍 2
Статья
00:26
Video unavailableShow in Telegram
Textures
3Д анимация фигуры на GSAP.
👉 @sWebDev
bandicam 2024-08-31 23-45-45-941.mp462.20 MB
👍 2
Codepen
Photo unavailableShow in Telegram
RoughNotation
RoughNotation — это JavaScript-библиотека для аннотирования текста и элементов веб-страниц с использованием «грубых» или рисованных стилей, похожих на ручные зарисовки.
👉 @sWebDev
👍 2
Обзор
Photo unavailableShow in Telegram
Курс по frontend-разработке с junior до middle
Несколько фактов о нашем курсе:
- личный ментор/наставник;
- помогаем решать твои текущие задачи;
- доучиваем после онлайн-школы;
- ведем от уровня junior до middle
Уже во время обучения наши ученики зарабатывают от 60 000 рублей.
Хватит тратить деньги, покупая не оправдывающие себя курсы
Забронируй курс по специальной цене!
Узнать больше
#реклама 16+
ykul.ru
О рекламодателе
👎 3🔥 1
Photo unavailableShow in Telegram
У вас уже наступил год "Х"?
👍 - Да.
❤️ - Пусть учатся понимать.
👉 @sWebDev | #юмор
👍 11❤ 7
Photo unavailableShow in Telegram
🏆 Хакатон «Код Согласия» – масштабное соревнование для опытных и начинающих ИТ-специалистов. Реши реальную бизнес-задачу и поборись за призовой фонд в 1 000 000 рублей!
Регистрируйся до 27 сентября: https://cnrlink.com/soglasiecodefrontlibs
Приглашаем frontend и backend разработчиков, аналитиков, product менеджеров, дизайнеров, тестировщиков, студентов и выпускников технических вузов.
Организатор хакатона – страховая компания «Согласие». Компания существует на рынке более 30 лет и входит в топ-10 страховщиков России.
🚀 На выбор участников хакатона — одна из задач, основанных на реальных бизнес-кейсах СК «Согласие»:
1️⃣ Web-сервис для проверки гипотез: разработайте инструмент для быстрого создания и тестирования новых страховых продуктов. Стек технологий — не ограничен.
2️⃣ Сервис для ведения проектов: разработайте систему для централизованного хранения, удобного отображения и мониторинга крупных проектов внутри компании.
Допустимые стеки в данной задаче: Vue JS, PHP, C#
Ключевые этапы хакатона «Код Согласия»:
🔹до 27 сентября — окончание регистрации
🔹 28 сентября — старт хакатона
🔹30 сентября, 3 октября, 5 октября — чек-поинты с экспертами
🔹 6 октября — оглашение победителей
Не пропусти масштабное соревнование — присоединяйся к хакатону «Код Согласия»: https://cnrlink.com/soglasiecodefrontlibs
Реклама. ООО "СК"Согласие". ИНН: 7706196090. erid: LjN8K47dk
00:12
Video unavailableShow in Telegram
Imbue loader v0.4
Анимированный загрузчик с колбой на Anime.js.
👉 @sWebDev
bandicam 2024-08-31 23-46-17-947.mp44.79 KB
👍 1
Codepen
Photo unavailableShow in Telegram
Использование useFieldArray в React
useFieldArray
— это хук из библиотеки React Hook Form, помогающий управлять массивами полей в динамических формах.
Пример:
import React from 'react';
import { useForm, useFieldArray, Controller } from 'react-hook-form';
function DynamicForm() {
const { control, handleSubmit } = useForm({ defaultValues: { items: [''] } });
const { fields, append, remove } = useFieldArray({ control, name: 'items' });
return (
<form onSubmit={handleSubmit(console.log)}>
{fields.map((field, index) => (
<div key={field.id}>
<Controller
name={`items[${index}]`}
control={control}
render={({ field }) => <input {...field} />}
/>
<button type="button" onClick={() => remove(index)}>Удалить</button>
</div>
))}
<button type="button" onClick={() => append('')}>Добавить элемент</button>
<input type="submit" />
</form>
);
}
export default DynamicForm;
👉 @sWebDev👍 2
اختر خطة مختلفة
تسمح خطتك الحالية بتحليلات لما لا يزيد عن 5 قنوات. للحصول على المزيد، يُرجى اختيار خطة مختلفة.