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

Представляем refine — open-source headless React-фреймворк (6.9K ⭐️ на GitHub) для CRUD-приложений. С ним вы можете быстро создать админку или дашбоард, при этом код останется гибким для изменений.✨ refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀 GitHub: https://github.com/refinedev/refine

Изучаем новые API React Router Обзор новых API React Router. Рассмотрим: данные роута, навигацию и обработку ошибок. 👉 @sWebDev

Learn frontend tips - telegram-канал в котором вы найдёте подсказки для frontend разработчиков по: ✓ HTML ✓ CSS ✓ JavaScript ✓ UX/UI

Scroll Reval Библиотека разработана специально для создания впечатляющих эффектов при скролле. Из плюсов можно отметить простоту и гибкость. 👉 @sWebDev

Feed the World! Новогодние праздники прошли, но мы хотим поделиться новогодней мини-игрой, в которой нужно накормить планету. Игра выполнена на GSAP.js. 👉 @sWebDev

Next.js VS Nuxt.js: полное руководство В статье представлен аналитический обзор фреймворков. Рассматриваем плюсы, минусы и ситуации, в которых рационально использовать каждый из них. 👉 @sWebDev

Двустороннее связывание в полях формы Angular Механизм двустороннего связывания (angular two way binding) используется, когда необходимо отобразить свойство в шаблоне (одностороннее связывание) и обновить его при изменении значения (возникновение события) без перезагрузки страницы. Для двустороннего связывания в полях формы используется встроенная в Angular директива NgModel. <input type="text" [(ngModel)]="contactPerson" />. При изменении поля его значение помещается в свойство contactPerson. Важно помнить, что данная директива может использоваться только с полями формы. 👉 @sWebDev

Magic Dust - GSAP Анимированный эффект движения мышкой, выполненный с помощью библиотеки GSAP.js. 👉 @sWebDev

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

Создание рефов в React Рефы создаются с помощью React.createRef() и прикрепляются к React-элементам через ref атрибут. Обычно рефы присваиваются свойству экземпляра класса в конструкторе, чтобы на них можно было ссылаться из любой части компонента.

  class MyComponent extends React.Component {
        constructor(props) {
         super(props);
         this.myRef = React.createRef();
        }
        render() {
          return <div ref={this.myRef} />;
        }
     }

👉 @sWebDev

Бесплатное обучение дизайну с нуля. Вместе сделаем портфолио из 4+ работ с личной поддержкой от наставника. Что вы получите? — Фидбэк (мощный разбор всех ДЗ от куратора) — Тусовка (личный кабинет с уроками + живой чат) — Портфолио и экзамен (упакуем по урокам и проверим) — Мастер-класс "как заработать на дизайне" и найти клиента 🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов. → Начать обучение бесплатно Программа бесплатного курса: — Обучение по Figma с нуля и 4+ дз с личным разбором — Изучение основ дизайна (контент, сетки, композиция т.д.) — Создание анимации интерфейса — Все о профессии и доходе дизайнера (поиск клиентов и реальный доход) 👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы

Музыкальный плеер на Vue.js Еще один вариант создания собственного музыкального плеера, выполненный с использованием библиотеки Vue.js. 👉 @sWebDev

Eartho Eartho - библиотека для создания удобной аутентификации в веб-приложении. Поддерживает использование в связке с Vue, React, Angular и другими популярными фреймворками. 👉 @sWebDev

🍏 Apple теперь в Telegram! Подписывайтесь: @apple

Внедрение ReCAPTCHA в React приложение В сфере веб-разработки все знакомы с ReCAPTCHA и понимают для чего её нужно использовать, поэтому не будем повторяться, а изучим как можно встроить ReCAPTCHA в приложение React. 👉 @sWebDev

Navigation Button Interaction Анимированный вариант выравнивания текста, выполненный с помощью GSAP.js и SCSS. 👉 @sWebDev

Серверный JavaScript | Node.JS ru канал с русскоязычными материалами на тему серверной части JS. Актуальные статьи, новости и вакансии из мира Node.JS. В общем добро пожаловать!

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

Roller Coaster and souvenir photograph Анимированная сцена, выполненная на SCSS, SVG и GSAP.js. 👉 @sWebDev

Frontender's notes - самый большой канал по фронту с актуальной инфой по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills, а также разборы вопросов для интервью и подборка крутых статей c опытом релокации айтишников в другие страны. Вам сюда: 👉 @frontendnoteschannel А так же небольшой канал с англоязычными статьями @frontend_international В общем добро пожаловать!