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

🔤 У нас часто спрашивают: "Какие каналы мы читаем в телеграме?" Хотим посоветовать крутой канал CodeRoll | Frontend, где вы найдете: - задачи для собеседований - полезные статьи и новости для разработчиков - необычные инструменты для веб-разработки ✅ Не реклама, личная рекомендация.

Реактивность в веб-фреймворках В статье рассказывается о концепции реактивности, которая позволяет создавать более отзывчивые и интерактивные приложения. Статья рассматривает основные концепции реактивности и сравнивает различные подходы к ее реализации в популярных веб-фреймворках, таких как React, Angular, Vue.js, Svelte и React Native. 👉 @sWebDev

🚀 True Frontender — твой навигатор в фронтенде! 🚀 👨‍💻 Здесь ты найдёшь: - Экспертные советы и гайды по JavaScript, React, TypeScript и другим технологиям. - Реальные кейсы из собеседований, чтобы ты всегда был готов. - Практические рекомендации, основанные на личном опыте в разработ 💡 True Frontender — это твой персональный гид по фронтенду, где каждый совет — результат настоящего опыта. 🌟 Присоединяйся пока не потерял @TrueFrontender!

ThreeJS Journey with Lighting Change Интерактивная сцена полета на ThreeJS. 👉 @sWebDev

Переведем приложения сайты на 45+ языков. С локализацией Мы специализируемся на: *** Переводе сайтов - мы поможем вам расширить вашу аудиторию, переведя ваш сайт на разные языки мира. Это отличная возможность привлечь новых клиентов и увеличить продажи. *** Переводе приложений - мы сделаем ваше приложение доступным для пользователей из разных стран, переведя его на нужные языки. Это позволит расширить географию использования и повысить узнаваемость бренда. *** Наша компания имеет богатый опыт работы с клиентами из разных отраслей и стран. Мы гарантируем высокое качество перевода, соблюдение сроков и конфиденциальность информации. Перейти на сайт #реклама 16+ kolkogroup.com О рекламодателе

Snabbdom Snabbdom - это библиотека виртуального DOM, которая обеспечивает высокую производительность и гибкость. Она использует подход render-as-you-go для создания DOM, что позволяет избежать необходимости повторно создавать весь DOM при каждом изменении данных. 👉 @sWebDev

Хостинг, сборка и развертывание проектов Next.js на GitHub Pages Туториал о том, как развернуть проект Next.js на GitHub Pages. Вы найдете подробные инструкции по установке необходимых инструментов и зависимостей, настройке проекта Next.js для работы с GitHub Pages, сборке проекта и его публикации. Также туториал содержит советы по оптимизации производительности и безопасности проекта Next.js, развернутого на GitHub Pages. 👉 @sWebDev

Все кто выбрал вариант 1 - молодцы 👍 Остальным рекомендую с этим разобраться в первую очередь! Это простые и очень мощные инструменты для адаптивных макетов Например, чтобы расположить элементы как на картинке достаточно добавить 2 свойства для родительского блока: flex; align-items: (один из вариантов) Но это только верхушка айсберга, чтобы понастоящему разобраться - поиграйтесь с этим тренажером Ребята разложили все по полочкам, а задания можно выполнять прямо в браузере 😼 P.S. выравнивать нужно будет в основном котов

Войти в IT создали годный проект для всех Frontend разработчиков: 1️⃣ Прокачай свои навыки программирования без особых усилий 2️⃣ Каждый день на канале выходят курсы и статьи от ведущих специалистов на рынке IT 3️⃣ Больше не нужно тратить кучу времени на поиск хороших, бесплатных обучающих материалов в интернете P.S. Мы сами уже давно подписаны и иногда берем контент у них 😏

Christmas webgl Праздничная анимация на ThreeJS и GSAP. 👉 @sWebDev

Циклическое отображение элементов массива ngForOf - директива Angular, которая позволяет циклически отображать элементы массива. Директива добавляет в DOM один или несколько элементов для каждого элемента массива. Синтаксис:

<ul *ngFor="let item of items">
  <li>{{item}}</li>
</ul>

Параметры: item - переменная, которая будет содержать текущий элемент массива. items - массив, элементы которого будут отображаться. Дополнительные параметры: index - переменная, которая будет содержать индекс текущего элемента массива. first - флаг, который указывает, является ли текущий элемент первым в массиве. last - флаг, который указывает, является ли текущий элемент последним в массиве. 👉 @sWebDev

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

Настройка ссылки, возвращаемой компонентом при использовании хука useRef() Какой из следующих вариантов является правильным описанием того, что делает хук useImperativeHandle()? 👉 @sWebDev

i18n.js i18n-js - это библиотека для локализации приложений на JavaScript. Она предоставляет простой и удобный способ переводить текст, даты, числа и другие элементы интерфейса на разные языки. 👉 @sWebDev

Anime.js Fireworks Анимированный эффект фейерверка на Anime.js. 👉 @sWebDev

Полное руководство по использованию cookies в Next.js Статья о том, как использовать cookies в Next.js. В ней рассматривается как читать, записывать и управлять cookies. 👉 @sWebDev

‼️Всем кодерам посвящается‼️ Code ready — лучшие подборки эффектов, анимаций и многое другое для твоих проектов, сразу с готовым кодом и примером их использования. 🪩 Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready

Encrypted Password Reveal Анимированное поле логина на GSAP.js. 👉 @sWebDev