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

▪️ Запоминаем разницу между so и such ▪️ Учимся различать конструкции used to и get used to ▪️ Разбираемся с модальными глаголами  На канале «Гапонова и ее английский» Лена Гапонова — автор курсов Gaponova school, преподаватель с 16-летним стажем и опытом в международных IT-компаниях, специалист по американскому произношению — объясняет сложное в английской грамматике, знакомит с интересными выражениями, учит правильному произношению и помогает подружиться с английским языком. Подписывайтесь на канал @gaponova и учите английский в удовольствие! Реклама. ИП Гапонова Елена Александровна. ИНН 780433534267. erid: LjN8K3ho1

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

⁉️ Как создавать веб-приложения быстро и просто, но при этом красивом и необычно? Современные реалии в IT требуют от разработчиков оптимизации временных издержек и уникальности готовых проектов одновременно. Как писать мобильные и ПК-приложения быстро, просто и красиво? 🦾 Узнаете на бесплатном открытом уроке «Обзор возможностей библиотеки компонентов Quasar с Vue» от OTUS. Преподаватель Михаил Кузнецов – Fullstack developer и тимлид в «Zalando», Germany. 📌 Занятие пройдёт 17 октября в 20:00 мск и будет приурочено к старту курса «Vue.js разработчик». В дальнейшем вы сможете приобрести полный курс в рассрочку на выгодных условиях. Это отличная возможность совершенно бесплатно протестировать формат обучения и задать преподавателю любые вопросы в режиме реального времени! 👉 Зарегистрируйтесь на событие прямо сейчас и мы напомним в день вебинара. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: Kra23a1pX

Освоение обработки подписок в Angular Обзор методов по работе с подписками. Рассмотрим концепции: создание, управление, очистка подписок. Автор делится практиками, которые помогут сделать код чище и обеспечить надежную работу Angular приложению. 👉 @sWebDev

Hover Responsive Parallax Cards Made w/ Vue Анимированные карточки с эффектом при наведении, выполненные на Vue.js. 👉 @sWebDev

Полезные практики React в 2023 году. Часть 3 1. Старайтесь передавать объекты. Часто разработчики передают набор значений, но для уменьшения количества передаваемых свойств лучше всего передавать объект. Например, вместо того чтобы передавать каждое свойство отдельно, вы можете объединить данные в один объект.

   //Не рекомендуется:
   <EmployeeAccount
    name={user.name}
    email={user.email}
    id={user.id}
    />

2. Практики условного рендеринга React позволяет создавать отдельные компоненты, которые инкапсулируют необходимое поведение. Затем, в зависимости от состояния вашего приложения React, вы можете рендерить некоторые из этих компонентов. Это называется условным рендерингом. Рассмотрим способ рендеринга "короткое замыкание":

   // Оператор короткого замыкания

   const Total= ({total}) => {
   return <div>
   {total && <h1>Итого: {total}</h1>}

    </div>
    }

👉 @sWebDev

Flatpickr events calendar Календарь, выполненный с использованием библиотеки Flatpickr. 👉 @sWebDev

Функционал декоратора Attribute в Angular? Какой функционал заложен в декоратор Attribute в Angular? 👉 @sWebDev

Инкрементная статическая регенерация для Angular Введение в концепцию инкрементной статической регенерации (ISR) в Angular. Статья исследует, как использовать ISR для улучшения производительности и скорости загрузки в Angular-приложениях. 👉 @sWebDev

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