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

ngx-ui-tour Библиотека для Angular, предоставляющая интуитивно понятные и интерактивные туры по веб-приложениям. Благодаря этой библиотеке вы сможете легко создавать гайды для пользователей своих веб-приложений. 👉 @sWebDev

Чистая архитектура макета для приложений Vue Рассмотрим чистую архитектуру макета для приложений, разработанных на Vue.js. Автор предлагает практические советы для организации структуры кода и улучшения поддерживаемости проекта. 👉 @sWebDev

Letter Hop Анимация букв, выполненная на Gsap.js. 👉 @sWebDev

​Frontend online meetup - 11/10 ✔️ CSS in JS или самая противоречивая техника стилизации веба — Ильдар Муллахметов, Авито Тех В своем докладе я расскажу почему CSS in JS библиотеки вызывают так много противоречий среди frontend разработчиков. хочу рассмотреть влияние на производительность, поддерживаемость кода, девелопер экспириенс. Рассмотрю более подробно styled-components и сравню блоки кода со стилями между styled, tailwind, module. Рассмотрю как браузер обрабатывает styled. Продемонстрирую как влияет на семантику, работает с props и theme. Добавлю к сравнению Linaria и Astroturf, как самые быстрорастущие CSS in JS библиотеки. ✔️ Что такое Sentry и почему без него тяжело — Кирилл Логачев, Level.Travel Доклад нацелен на раскрытие такого полезного инструмента, как Sentry. Из данного доклада слушатель узнает, как правильно настраивать, использовать и мониторить Sentry, что поможет уменьшить количество ошибок в продакшене, также данный сервис поможет определять и быстро устранять просочившиеся с релизом ошибки. ✔️ По ту сторону WebView — Максим Лавренюк, UZUM TECHNOLOGIES Я бы хотел поделится некоторыми подходами и проблемами на примере встраивания сервиса доставки еды Uzum Tezkor в супер приложение Uzum Market. Я расскажу про то, что следует сделать в первую очередь при старте интеграции, как подружить нативные компоненты с вебом, как спрятать бесшовную авторизацию, а так же о чем попросить мобильных разработчиков, чтобы облегчить себе жизнь. ✔️ Web3 для фронтенд-разработчика — Назим Гафаров, Based.link Доклады вокруг web3 обычно концентрируются вокруг рассказа об языках программирования для смарт-контрактов, которые больше интересны бэкенд-разработчикам. В своем докладе я расскажу о том, какие возможности предоставляет web3 именно для фронтенд-разработчика. ➖➖➖ 🗓 11 октября в 19:00 ✅ Регистрация - участие бесплатно! 🌐 Наш телеграам канал с анонсами митапов!

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

Миграция ядрового модуля Angular в автономный режим Рассмотрим миграцию основного модуля Angular в отдельный модуль. Руководство поможет улучшить структуру проекта и облегчить сопровождение кода. 👉 @sWebDev

Carousel Карусель с эффектом размытия, выполненная с применением библиотеки Swiper.js. 👉 @sWebDev

Полезные практики React в 2023 году. Часть 2 Дочерние свойства (Children Props). В JSX-выражениях с явно указанными открывающим и закрывающим тегами, содержимое передается как отдельное свойство: props.children. Это свойство, которое автоматически передается каждому компоненту в React. Оно используется для рендеринга содержимого, находящегося между открывающим и закрывающим тегами при вызове компонента. Также оно применяется для вставки содержимого одного компонента внутри другого. Это свойство позволяет передавать функции в качестве дочерних компонентов.

   function house(props) {
     return <h3> Hello { props.children }!</h3>;
    }

     function room() {
     return (
     <>
     <h1>How Are You?</h1>
      <house type="duplex" />
     </>
     );
   }

👉 @sWebDev

Pokeball Карточка покемона, реализованная с использованием GSAP.js. 👉 @sWebDev

Зачем нужен сервис Location в Angular? Какое основное назначение сервиса Location в Angular? 👉 @sWebDev

Хотите работать с данными, но еще не слышали про телеграм-канал LEFT JOIN? Это вы зря! Быть в курсе трендов сферы, лучших инструментов для анализа, познавательных докладов и лекций по архитектуре данных, и даже быть в контексте аналитических мемов — значительный буст для входа в профессию. Итак, LEFT JOIN — это канал о технологиях и данных, в котором простым языком рассказывают про: 🔵 всемогущий язык SQL и работу с базами данных, 🔵 статистику, без которой, как говорится, «не жизнь», 🔵 полезные инструменты, которые заслуживают не меньшее внимание чем ChatGPT, 🔵 то, как нейросети могут облегчить работу аналитика данных. А еще у авторов сейчас выходит отдельная рубрика «Основы статистики» — серия полезных карточек с теорией и понятными примерами, например, про p-value. Если вы еще не видели первые пять выпусков — наверстывайте упущенное и... 🔜 Подписывайтесь на @leftjoin! Реклама. О рекламодателе erid:2VtzquhT6kG

Как React 18 улучшает производительность приложения React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения. 👉 @sWebDev

HTML теперь в телеграм! HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

Taiga UI Библиотека компонентов пользовательского интерфейса для Angular, React и Vue.js. У Taiga UI множество полезных компонентов, а также инструменты для настройки и стилизации. Она отличается высокой производительностью и хорошей документацией. 👉 @sWebDev

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

Glass Card w/ SVG + GSAP Проект с анимированной банковской картой, выполненной на GSAP.js. 👉 @sWebDev

Нейросети — новая нефть А ключевая информация в IT - на вес золота. ➤ Создать сайт? Держите Framer — справится за пару секунд. ➤ Не можете принять решение? Pros-cons за секунды распишет все «за» и «против». ➤ Не хотите тратиться на врача? Med-PaLM 2 от Google поставит точный диагноз. Искусственному интеллекту под силу всё. Главное — знать где искать и грамотно использовать. Ссылки с инструкциями к ИИ. Лучшие из новых нейросетей. Революционные новости в IT. Всё для вас в одном канале — @tg_gpt

React, Visualized Интерактивное руководство по React. Если вы хотите полностью понять React, то важно погрузиться в контекст его появления. Проект будет особенно полезен начинающим разработчикам. 👉 @sWebDev

Лучшие практики для создания масштабируемого приложения Vue.js Руководство по созданию масштабируемых веб-приложений с использованием фреймворка Vue.js. В статье рассматриваются различные аспекты разработки, начиная с организации проекта и заканчивая управлением состоянием с помощью Vuex. 👉 @sWebDev