Available now! Telegram Research 2025 — the year's key insights 
Frontender Libs - обзор библиотек JS / CSS
Open in Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Show more7 745
Subscribers
No data24 hours
-117 days
-4530 days
Posts Archive
❔❔ JS-разработчик?
А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js?
✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене!
⏰ Время прохождения теста ограничено 30 минут
✍️ПРОЙТИ ТЕСТ: https://otus.pw/gVmC/
Курс доступен в рассрочку.
🎁 Пройдете успешно тест, получите доступ к открытым урокам курса.
Реклама. Информация о рекламодателе на сайте www.otus.ru
Возврат отложенной версии переданного значения React
Рассмотрим грядущее изменение, которое появится в React 18. Хук
useDeferredValue вернет отложенную версию переданного значения, которая будет “отставать” от исходной на время, равное таймауту:
import { useDeferredValue } from "react";
// ...
const [text, setText] = useState("text");
const deferredText = useDeferredValue(text, { timeoutMs: 2000 });
👉 @sWebDevLi´l Vikings
Анимированная сцена, выполненная с использованием Gsap.js.
👉 @sWebDev
Инструмент для того, чтобы отложить загрузку компонента React?
Как отложить загрузку компонента React?
Каким инструментом React воспользоваться для того, чтобы отложить загрузку компонента до момента, когда он будет необходим для отображения?
👉 @sWebDev
Часто используемые шаблоны проектирования в Angular
Обзор нескольких распространенных паттернов проектирования в Angular, таких как Singleton, Facade, Observer и других. Материал описывает, как использовать каждый паттерн и какие преимущества он может принести в разработке приложений.
👉 @sWebDev
Получение доступа к реактивным данным и активным событиям Vue.js
В хуке
created вы сможете получить доступ к реактивным данным и активным событиям. Шаблоны и виртуальный DOM ещё не встроены (mounted) и не отрисованы.
Например:
ExampleComponent.vue
<script>
export default {
data() {
return {
property: 'Blank'
}
},
computed: {
propertyComputed() {
console.log('I change when this.property changes.')
return this.property
}
},
created() {
this.property = 'Example property update.'
console.log('propertyComputed will update, as this.property is now reactive.')
}
}
</script>Toilet Paper Toggle
Забавный переключатель для сайта, выполненный с использованием библиотеки Gsap.js.
👉 @sWebDev
Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней.
Теперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали его на отдельной странице.
Ближайшие мероприятия:
• 20-22 апреля - Fast Track для frontend-разработчиков пишущих на JavaScript/TypeScript, офер за 3 дня в команду Поиска.
• 27-28 мая - Weekend Offer для frontend-разработчиков, офер за 2 дня в команды Яндекса.
Зарегистрироваться
NanoSQL
NanoSQL - легковесная и быстрая база данных, которую можно использовать как в браузере, так и на сервере. Библиотека обладает множеством полезных функций, таких как индексы, транзакции, агрегирующие функции и т.д. NanoSQL поддерживает различные бэкэнды баз данных, включая IndexedDB, WebSQL, SQLite, LevelDB и другие.
👉 @sWebDev
<head>
Разбираешься во Front-End?
</head>
<body>
Мы создали уникальную игру для программистов прямо в браузере с 3d миром будущего и с ревардами в криптовалюте.
Пиши код, развлекайся и зарабатывай TON, выполняя интересные задачи от уровня Junior до уровня Senior!
Перейди по ссылке и исследуй мир TONight:
👉 https://clck.ru/347ZX9
</body>
Зачем и когда использовать ng-template в Angular?
По ссылке обзор 3 полезных возможностей директивы
<ng-template>.GSAP 3 Radio
Анимированное радио, выполненное с использованием библиотеки Gsap.js.
👉 @sWebDev
jsPDF
jsPDF - это библиотека для генерации PDF-документов на стороне клиента. Она позволяет создавать PDF-файлы из HTML-страниц, изображений и других типов контента, поддерживает множество настроек и опций для создания настраиваемых документов. JsPDF не требует установки дополнительного программного обеспечения и может быть использована в любом современном браузере.
👉 @sWebDev
Можно бесконечно смотреть на три вещи: как течет вода, горит огонь и фронтендеры пилят монолит
Ребята из банды фронтендов TeamSnack решили раз и навсегда разобраться в подходах к микросервисам. Сравнивать будут Single-spa(SystemJS) и Webpack Module Federation. Обещают живое общение с едой и напитками, а также интерактив в Miro с рабочими схемами, которые можно потом протестировать в работе.
Когда: 14 апреля, 19:00 - 21:00
Где: ценители ламповой атмосферы могут приехать в офис Cloud (Москва, 2-я Звенигородская улица, 28), а для закоренелых удаленщиков доступен онлайн-формат в Telegram-канале сообщества.
Все детали можно узнать у самой команды TeamSnack: https://t.me/+b_H0dbC85dsyM2Qy
Реклама. Рекламодатель: ООО «Облачные технологии». erid: LatgBqAA4
Встраивание WebGL в HTML-страницу с помощью Three.JS
В статье рассмотрим совмещение WebGL‑анимации с прокруткой страницы HTML, используя библиотеку Three.js. Работа с ней во многом схожа с работой 3D‑редактора. Для получения результата в виде картинки или анимации необходимо создать сцену, поместить в нее камеру, создать примитив (геометрию или 3D‑модель), создать источник освещения и запустить процесс рендеринга.
👉 @sWebDev
Оптимизируем производительность в React
Рассмотрим одну из новых фич Reacta - Batching. Батчинг является процессом оптимизации производительности в React, при котором несколько обновлений состояния и свойств компонентов объединяются в одно обновление перед рендерингом. Это позволяет уменьшить количество обновлений DOM и повысить производительность. Пример использования:
function MyComponent() {
const [count, setCount] = useState(0);
const handleClick = () => {
setCount(count + 1);
setCount(count + 1);
setCount(count + 1);
}
return (
<div>
<p>Count: {count}</p>
<button onClick={handleClick}>Increment</button>
</div>
);
}
При клике на Increment будет вызван три раза метод setCount, но благодаря batching'у обновления будут объединены в одно.
👉 @sWebDevХочешь щёлкать задачи по фронтенду как орешки?
Канал Frontend Tests & Tasks научит!
Это не очередной канал с задачами. Здесь придется думать.
Убедись сам 👉 @frontend_tests
Декомпозиция и интерфейс vue-компонентов
В большом vue-приложении всегда есть необходимость в декомпозиции компонентов и их логики. В статье приводятся размышления и некоторые выводы относительно подходов к декомпозиции vue-компонентов и их интерфейсу.
👉 @sWebDev
Klona
Klona - это библиотека для создания копий JavaScript-объектов. Она поддерживает работу с обычными объектами, массивами, датами и другими структурами данных. Klona предоставляет дополнительные методы для взаимодействия с объектами. Например, клонирование с выбором глубины вложенности. Библиотека будет полезной для разработчиков, работающих с большими объемами данных и желающими повысить производительность своих приложений.
👉 @sWebDev
