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

Highway race Пример реализации игры на Three.js. 👉 @sWebDev

Symbiote.js 2.0 Это новая версия популярной фронтенд-библиотеки для создания веб-компонентов и приложений. Symbiote.js отличается от других популярных библиотек тем, что она не пытается заменить собой веб-платформу или создать новый синтаксис. Вместо этого, она расширяет стандартные браузерные API, позволяя создавать гибкие и расширяемые решения. 👉 @sWebDev

28 продвинутых функций Next.js, которые должен знать каждый В статье рассматриваются некоторые продвинутые функции Next.JS, например, легкое удаление свойств JSX или проверка типов для файла next.config.js. 👉 @sWebDev

Анимация на Anime.js Абстрактная трехмерная анимация на Anime.js. 👉 @sWebDev

Объединение рефов в React Функция useForkRef() позволяет объединить два или более рефов в один. Принимает в качестве аргументов один или несколько рефов. В качестве результата функция возвращает функцию-реф, которая привязывает к себе все переданные рефы. Пример useForkRef():

function App() {
  const [inputRef, inputRef2] = useForkRef(input);

  inputRef.current.addEventListener("change", handleChange);
  inputRef2.current.addEventListener("change", handleOtherChange);

  return (
    <input ref={input} />
  );
}

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

React-компоненты на сервере: плюсы, минусы и подводные камни В статье автор делится своим опытом использования React Server Components (RSC) в Next.js. Он рассматривает плюсы и минусы использования RSC, а также дает рекомендации по их применению. 👉 @sWebDev

Как получить доступ к информации о компонентах, директивах и шаблонах Angular Какая директива Angular позволяет получить доступ к информации о компонентах, директивах и шаблонах? 👉 @sWebDev

Узнайте, как устроены сайты, и научитесь создавать свои. Присоединяйтесь к мини-курсу по веб-разработке от Skillbox и получите гайд по профессии. Он поможет вам узнать больше о том, что нужно для старта карьеры в веб-разработке. Регистрация и подробная программа — по ссылке: https://epic.st/55jYv После завершения мини-курса вы сможете добавить в своё портфолио 3 классных проекта: сайт, приложение и сервис. Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов. 🎉Всех участников ждут подарки: — сертификат на скидку 10 000 рублей на любой курс; — доступ к изучению английского языка на год; — персональная карьерная консультация. 🌟Откройте новые возможности для карьеры с нами! Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

React Advanced Function Component (AFC) React-afc - это библиотека для более простого (чем в простом React) уменьшения количества ненужных ререндеров дочерних компонентов. В обычном React функциональный компонент рендерится заново при каждом обновлении состояния или при изменении внешних зависимостей, таких как props. Это может привести к снижению производительности приложения, особенно если компонент имеет много дочерних компонентов. React-afc предоставляет набор методов, которые позволяют оптимизировать рендеринг дочерних компонентов. Эти методы позволяют определять, какие дочерние компоненты необходимо рендерить заново, а какие можно пропустить. 👉 @sWebDev

Ответьте на 1 вопрос и книги ваши на 30 дней за 0 рублей Более 200 000 книг и аудиокниг разных жанров в Букмейте. Попробуйте бесплатно! Попробовать #реклама 18+ bookmate.ru О рекламодателе

Tab Bar Animation (Dark) Анимация для создания интерактивной навигации в приложении на GSAP.js. 👉 @sWebDev

Дизайн в FIGMA с нуля. Бесплатный курс + портфолио Онлайн-программа с наставником и чатом. Дизайн от профессионалов. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool.online О рекламодателе

8 лучших практик для разработки компонентов React.js В статье автор делится восемью лучшими практиками разработки компонентов React.js. 👉 @sWebDev

Block tower Пример реализации игры с постройкой башни на Three.js. 👉 @sWebDev

Simple data analysis (SDA) v2 SDA v2 - это JavaScript-библиотека для анализа данных, которая объединяет в себе лучшее из Python, R и JavaScript. Вторая версия SDA была полностью переписана для повышения производительности, используя DuckDB в качестве движка базы данных. Это позволило библиотеке работать в шесть раз быстрее, чем предыдущая версия. 👉 @sWebDev

Забудьте про эти сраные курсы по программированию 90% "курсантов" на самом деле забивают на полпути, либо не работают по специальности. И это проблема всех курсов. Если хотите реально загореться ITшкой и найти себя в индустрии — вот вам канал C#-о-мания. Авторы собрали топовые обучалки для самостоятельного старта и вовлекающие материалы по теме. Уже через пару месяцев сможете делать 70000-90000₽ в месяц на простых задачах, а через 6-12 месяцев выйти на доход от 200000₽. И всё это без платных курсов! Сохраняйте и осваивайте профессию будущего: @CSharp

Освоение обработки ошибок в Angular: подробное руководство В статье автор рассказывает о том, как обрабатывать ошибки в Angular приложениях. Он рассматривает четыре простых и наиболее распространенных стратегии обработки ошибок: - Обработка исключений в синхронном и асинхронном коде. - Обработка HTTP ошибок. - Использование сервисов ошибок. - Обработка ошибок в компонентах. 👉 @sWebDev

Diorama - ThreeJS Пример реализации трехмерной диорамы на Three.js. 👉 @sWebDev

Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, без которых не обойдется ни один настоящий фронтендер. Макеты для верстки — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. codepen.js — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Figma Start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! Развивайся с нами, ведь так проще!