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

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

Управление состоянием в React приложениях Не секрет, что построить полноценный стор на react context достаточно тяжело, а оптимизировать его ещё тяжелее. Это не всегда так, вариант простой и быстрой настройки в статье по ссылке. 👉 @sWebDev

Interactive particles text create with three.js Анимированный текст, выполненный на Three.js. 👉 @sWebDev

Bun Bun — это современная среда выполнения JS типа Node.js или Deno со встроенной поддержкой JSX и TypeScript. Она разрабатывалась с акцентом на трех вещах: быстрый запуск; высокая производительность; самодостаточность. По ссылке знакомимся с Bun. Обратите внимание, что пока это экспериментальная штуковина, поэтому использовать ее для разработки производственных приложений не рекомендуется. 👉 @sWebDev

Что такое состояние React В данной статье раскроем формальную сторону вопроса «что такое состояние» для лучшего понимания фундаментальных основ надёжности любого клиентского приложения. Хочется уже поставить точки в некоторых вопросах терминологии, чтобы чётче отвечать на вопросы «что, когда и зачем брать» при выборе библиотек и технологий для клиентского веб-приложения. 👉 @sWebDev

⭐ refine Open Source Hackathon ⭐ Build a refine project like CRUD app, admin panel, internal tool, forms, storefront, dashboard, library, data provider, auth provider, live provider, etc. Win $1500 in prizes and also special swag kits from the sponsors! For more detail: https://dub.sh/refine-hackathon

Fastify Фреймворк для работы с Node.js. Основной задачей является производительность. Разработчики утверждают, что он способен обрабатывать до 60 000 запросов в секунду. Основные преимущества: удобная обработка синхронных и асинхронных ошибок, валидация входных параметров, расширяемость. Подробный обзор по ссылке. 👉 @sWebDev

Яндекс Практикум выпустил курс по вёрстке для тех, кто хочет уйти во fullstack-разработку из бэкенда. За три месяца вы научитесь писать код на HTML и CSS по современным стандартам и сможете создавать графический интерфейс в дополнение к бэкенду. Вы научитесь — превращать дизайн-макеты в веб-страницы, — создавать сайты под разные устройства, — добавлять визуальные эффекты и сложные анимации с помощью CSS. Учиться предстоит на практике: вы сверстаете многостраничный сайт, сайт с тёмной и светлой темами, ещё 5 проектов для портфолио. → Записаться в первый поток курса

The Impossible Lightbulb w/ GSAP Забавная анимация, выполненная при помощи GSAP.js. 👉 @sWebDev

Контекст React Обычно в React-приложении данные передаются от родителя к дочернему компоненту при помощи пропсов. Подобный способ может быть громоздким для некоторых типов пропсов (например, выбранный язык, UI-тема). Поэтому, рассмотрим Контекст. Он предоставляет возможность делиться большими данными между компонентами без необходимости передавать пропсы через каждый уровень дерева. const MyContext = React.createContext(defaultValue); Создаёт объект Context. При рендере компонента, который подписан на этот объект, React получит текущее значение контекста из ближайшего подходящего Provider в дереве компонентов. Аргумент defaultValue используется, если для компонента нет подходящего Provider выше в дереве. Если передать undefined в значении Provider, то компоненты, использующие этот контекст, не будут использовать defaultValue. 👉 @sWebDev

Есть 2 способа выучить JavaScript: 1. Платить за дорогие курсы и втыкать в обучающие ролики на ютубе. Напичкать себя теорией, но так и не научиться кодить. 2. Читать канал JavaScript Teacher. Здесь вы в коротких постах впитаете все алгоритмы, освоите разные библиотеки и фишки языка. А это уже заявочка на хорошую работу. Много реальных примеров и готового кода, переходи и прокачивай скиллы! @JavaScript_Teacher

Strapi Strapi - фреймворк, позиционирующийся для работы с Node.js. Однако, его можно использовать практически с любой библиотекой. Его можно использовать, как для работы с фронтенд составляющей, так и для взаимодействия с GraphQL и REST. 👉 @sWebDev

🟡Хардкорный тест по JS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀За 4 месяца вы научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk; созданию SPA-приложений и оптимизации их для production; чистому и лаконичному коду с TypeScript; применению интеграционных и юнит-тестов; работе в GraphQL, Apollo, Relay. 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS

13.8 billion years ago Проект анимированного земного шара, выполненный на Three.js. 👉 @sWebDev

Как создать реф в React? Какую функцию нужно использовать для создания рефа в React? 👉 @sWebDev

Route Guard для доступа к дочернему маршруту Angular Вам необходим Route Guard, который будет разрешать или запрещать доступ к дочернему маршруту. Какой это guard? 👉 @sWebDev

Дополни таблицу умножения Необычная игра, выполненная на React. Смысл заключается в заполнении пустых клеток таблицы умножения. Мы можем настроить размер таблицы и сложность игры. 👉 @sWebDev