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

Как React-компилятор работает с реальным кодом В статье рассматривается влияние React-компилятора на производительность приложений. Автор анализирует, как компилятор улучшает начальную загрузку и взаимодействие с приложением, а также оценивает его эффективность в предотвращении избыточных повторных рендеров. Для этого проводятся тесты на реальном приложении с предоставлением количественных результатов. 👉 @sWebDev

3D Shape Morphing in Three.js Морфинг 3D фигур на Three.js. 👉 @sWebDev

Lit Библиотека для создания веб-компонентов с минимальным весом (~5 КБ). Использует стандартные HTML-шаблоны и JavaScript, эффективно обновляет только изменённые части DOM. 👉 @sWebDev

Важна ли для вас универсальность языка? ❤️ - Не особо, лучше специализироваться на чем-то конкретном. 👍 - Да, от этого язык становится привлекательнее. 👉 @sWebDev | #юмор

Готовишься к собеседованию? Разбираем для тебя самые актуальные вопросы для подготовки Выбирай направление: 👩‍💻 Frontend 🖥 Backend 👩‍💻 JS 👩‍💻 Python 👩‍💻 Go 👩‍💻 Java 👩‍💻 C/C++ 👩‍💻 C# 👩‍💻 PHP 👩‍💻 QA 📊 SQL 👩‍💻 Git

Valorant Character Select Animation Анимация выбора персонажа на Anime.js 👉 @sWebDev

Ручное обновление дерева компонентов В Angular метод ApplicationRef.tick() используется для запуска цикла обнаружения изменений вручную. Это полезно, когда изменения происходят вне зоны Angular, например, в callback-функциях или таймерах. Пример:

typescript  
import { ApplicationRef, Component } from '@angular/core';  

@Component({  
  selector: 'app-manual-tick',  
  template: `<p>{{ message }}</p>`,  
})  
export class ManualTickComponent {  
  message = 'Ожидание...';  

  constructor(private appRef: ApplicationRef) {  
    setTimeout(() => {  
      this.message = 'Изменение произошло';  
      this.appRef.tick(); // Обновляем вручную  
    }, 3000);  
  }  
}  

Без вызова tick() изменения в message не были бы отражены в шаблоне, так как они происходят вне зоны Angular. 👉 @sWebDev

Бесплатный курс по дизайну в FIGMA Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

Вас когда-нибудь подводило автодополнение? 👍 - Нет, сразу замечаю. ❤️ - Мягко сказано. 👉 @sWebDev | #юмор

Крупнейший университет искусственного интеллекта Приглашаем на бесплатный однодневный интенсив по AI! Освой искусственный интеллект для профессионального роста: создавай нейросети, автоматизируй бизнес-задачи и зарабатывай на AI-решениях. ✨ 8 000+ студентов со всего мира ✨ 600+ AI-проектов, созданных студентами ✨ Сборная Университета — победители крупнейших AI-хакатонов России ✨ Стажировки в крупнейших компаниях России (РЖД, Ростелеком, РУДН, Совкомбанк, Самолет и другие) ✨ Трудоустраиваем выпускников в крупнейшие компании (Яндекс, ВТБ, Сбербанк, Роскосмос и другие) Будем рады видеть тебя в наших рядах! Узнать больше #реклама 16+ neural-university.ru О рекламодателе

Работа с методом Injector.create() Какую задачу решает метод Injector.create() в Angular? Забыли? Вернитесь к посту от 30.12.2024. 👉 @sWebDev

Txiki.js Txiki.js — это небольшой и минималистичный JavaScript-рантайм, созданный для выполнения современных стандартов ECMAScript. Основная цель проекта — предложить лёгкий и быстрый инструмент для запуска JavaScript-кода, без необходимости использования громоздких движков вроде Node.js. 👉 @sWebDev

Particle system Анимированные частицы на Three.js. 👉 @sWebDev

Почему не стоит использовать внешние отступы в компонентах В статье рассматривается антипаттерн использования внешних отступов (margin) и внутренних отступов (padding) в компонентах пользовательского интерфейса. Автор утверждает, что добавление margin к внешнему элементу компонента нарушает инкапсуляцию и усложняет повторное использование компонентов. Вместо этого рекомендуется управлять внешними отступами на уровне родительских элементов или контейнеров, оставляя компонент ответственным только за внутренние отступы и оформление. 👉 @sWebDev

Есть 2 способа заработать бабки в айти 1. Бесконечно искать информацию в интернете или тратить сотни тысяч рублей на курсы. 2. Подписаться на Frontender's notes и благодаря нему быстро разобраться в нише Front-end, найти клиента и заработать первые 100к в айти Всего несколько месяцев и ты сможешь получать офферы мечты: Frontender's notes

Interactive Threejs Geometry Интерактивная абстрактная фигура на Three.js. 👉 @sWebDev

Currency.js Currency.js — это библиотека для работы с денежными значениями. Она разработана для точных вычислений и форматирования валют, избегая проблем с округлением при работе с числами с плавающей точкой в JavaScript. 👉 @sWebDev

Узнали своего тимлида? ❤️ - 100% 👍 - Это я. 👉 @sWebDev | #юмор

🌐 Единая точка входа в IT! Хочешь освоить полный стек технологий, подготовиться к реальным собеседованиям и получить работу мечты? Мы собрали всё необходимое для твоего роста и развития в одном месте! Выбирай направление и становись частью IT сообщества: 👩‍💻 React Frontend 👩‍💻 Ruby Backend 👩‍💻 iOS Mobile 👩‍💻 Android Mobile 🖥 PHP Backend 👩‍💻 Node.js Backend 👩‍💻 Rust Backend 👩‍💻 Java Backend 👣 Golang Backend 👩‍💻 Python Backend 👩‍💻 QA & Testing 🖥 Общее IT 👨‍💻 Вакансии IT 📅 Митапы IT А также у нас есть собственная платформа для подготовки к собеседованиям! 🔹 1000+ вопросов по всем направлениям 🔹 Удобные тренажеры для отработки навыков 🔹 Система фильтров по технологиям и уровню сложности 🔹 Персональная статистика прогресса и история подготовки YeaHub помогает расти и достигать целей. ⚡