Разработчики Edge, в рамках работы над новыми полями форм, размышляют о позиционировании блоков, которое будет учитывать границы окна или количество контента. Новые CSS-свойства и HTML-атрибуты anchor позволят связывать блоки и управлять их поведением.

https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSAnchoredPositioning/explainer.md

​​Тригонометрия в JavaScript

#jsarticle #canvas #javascript #frontend #webdev

Странное и необычное на вечер 👀

#вдохновение | Vicente Marti Solar

​​Gqless - GraphQL клиент, в котором не нужно писать запросы

Работает в рантайме с помощью Proxy API, который смотрит, какие поля были запрошены.

Например:

const { countries: { flag } } = useQuery()

создаст GraphQL запрос query { countries { flag } }

Из фич:

- Типы из коробки
- Работает с React, включая Suspense и хуки
- Готов к использованию в продакшене (поддерживает кэширование, SSR и т.д.)

#graphql #jslib #javascript #react #frontend #webdev

Программист из Google выкладывает тесты и задачи по JavaScript 👉 @js_tests

Зайди и посмотри сколько сможешь решить

Кнопка: Заглянуть - https://t.me/js_tests

Программист из Google выкладывает тесты и задачи по JavaScript 👉 @js_tests

Зайди и посмотри сколько сможешь решить

ts-audio — абстракция над AudioContext API, написанная на TypeScript

- значительно упрощает использование AudioContext
- поддерживает все современные браузеры
- можно легко создавать плейлисты
- не имеет зависимостей

#jslib #javascript #frontend #webdev #typescript

​​Преимущества стажировки: 
— Конкурентная оплата и все корпоративные преимущества, включая ДМС и социальный пакет;
— Работа над серьезными проектами и решение сложных задач на стыке IT и финансов в команде профессионалов;
— Ментор, с которым вы определите персональные цели и путь развития в компании;
— Возможность продолжить карьеру в ВТБ Капитал по окончании стажировки. 

Регистрируйтесь до 1 июля включительно: https://clck.ru/VGiNh

Диего Хаз — автор библиотеки компонентов Reakit — рассказал о принципе разработки базовых компонентов — "Introducing the Single Element Pattern".

При разработке приложений Диего выделяет понятие "базовый компонент" — фундаментальную часть приложения, следующую определённым правилам, благодаря которым кодовая база проекта легко масштабируется и не усложняется в поддержке (принцип Singel). Правила:

— Компонент рендерит только один элемент (в редких случаях несколько)
— Компонент не должен ломать приложение при возникновении исключений
— Рендерит все HTML-атрибуты, переданные как пропсы
— Мёржит стили, передаваемые как пропсы
— Добавляет все обработчики событий, передаваемые как пропсы

В первую очередь советы из статьи полезны при разработке библиотеки компонентов, но их можно использовать при разработке обычных компонентов. Также эти принципы можно использовать не только с React, но и с любым другим компонентным фреймворком.

#react #vue #angular

https://www.freecodecamp.org/news/introducing-the-single-element-pattern-dfbd2c295c5d/

Том МакРайт рассказал о своём подходе к работе с зависимостями — "Vendor by default".

Том использует вендоринг для небольших зависимостей. То есть он копирует их исходный код к себе в проект. При копировании кода он его читает, рефакторит и удаляет неиспользуемые части. Такой подход позволяет лучше разобраться в библиотеке и понять её ограничения. Иногда бывает так, что он начинает рефакторить код зависимостей и понимает, что будет проще написать её самому или что нужно найти альтернативу.

Интересная статья. Похоже на какую-то крайность, но почему бы и нет, если это решает проблему раздувания бандла приложения.

#npm #musings

https://macwright.com/2021/03/11/vendor-by-default.html