Диего Хаз — автор библиотеки компонентов 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

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

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

Ещё один разбор nanite. https://www.notion.so/Brief-Analysis-of-Nanite-94be60f292434ba3ae62fa4bcf7d9379

Canvg - JavaScript библиотека для парсинга SVG и рендера в Canvas

Либа полезна для отображения векторных изображений в растровом Canvas

- Работает как и в браузере, так и на сервере
- Имеет пресеты для Node.js и OffscreenCanvas
- Написан на TypeScript

#jslib #javascript #frontend #webdev #canvas

Где брать Бесплатные текстуры и PBR материалы

Подборка из 8 Ресурсов с бесплатными материалами, модельками и текстурами.
Добавляй себе чтобы не потерять✅
1) textures.com
2) cc0textures.com
3) 3dtextures.me
4) 3dmodels.ru
5) sharetextures.com
6) freepbr.com
7) texturehaven.com
8) substance3d.com

#полезность #материалы

Лин Кларк опубликовала статью, посвящённую оптимизации работы JavaScript-кода в WebAssembly-окружении — “Making JavaScript run fast on WebAssembly”.

Некоторые платформы ограничивают набор оптимизаций, которые могут быть применены к JavaScript-коду. Например, на iOS и игровых консолях нельзя использовать JIT-компилятор, поэтому JS-движки там могут работать только в режиме интерпретатора. Это ограничивает спектр задач, который может быть решён с помощью JS. Участники Bytecode Alliance (Fastly, Mozilla, Igalia) работают над решением на базе WebAssembly, которое позволит ускорить выполнение JS-кода на таких платформах и достичь уровня производительности JIT-компиляторов ранних версий JavaScript-движков.

В разрабатываемом решении в качестве первой оптимизации будут использоваться снапшот памяти, который позволяют сократить время инициализации программы до нескольких микросекунд. В качестве второй оптимизации будет использоваться AOT-компиляция с генерацией стабов для внутренних кешей.

В статье говорится о том, что подобный подход может использоваться не только с JavaScript, но и с Python, Ruby, Lua.

#js #performance #webassembly

https://bytecodealliance.org/articles/making-javascript-run-fast-on-webassembly

Мне кажется, что самое ценное, что родители могут дать ребенку это уверенность в их безусловной любви.

Что бы ты ни делал и ни сделал, они (она/он) всегда тебя примут, никогда не оставят одного.

Одним из самых важных чувств в моей в жизни была уверенность в том, что чтобы ни случилось, я всегда могу вернуться домой и вместе мы все переживем.

Подробный анализ CSS-in-JS. Андрей Пфайффер сравнивает возможности десяти CSS-in-JS библиотек и формирует список вопросов, которые стоит задать для выбора подходящей для проекта.

https://css-tricks.com/a-thorough-analysis-of-css-in-js/

WWDC 2021 — сегодня в 20:00 по МСК стартует конференция разработчиков, на которой покажут iOS 15, iPadOS 15, macOS 12, новый MacBook Pro 16 на Apple Silicon.

Смотреть трансляцию

WWDC 2021 — сегодня в 20:00 по МСК стартует конференция разработчиков, на которой покажут iOS 15, iPadOS 15, macOS 12, новый MacBook Pro 16 на Apple Silicon.

Смотреть трансляцию

Gayane Belonovich: «С чего начать UX/UI дизайнеру?»
https://designpub.ru/e68b4d9106d

Веб-приложения как обработчики файлов. Томас Штайнер рассказывает об экспериментальном File Handling API, позволяющем регистрировать PWA в операционной системе в качестве обработчиков файлов определённых MIME-типов.

https://web.dev/file-handling/

Цикл статей Ника Мостового про работу браузера и оптимизацию перфоманса.

Как браузер рендерит страницу https://xnim.me/blog/frontend-perf-for-newbies-part-1-critical-render-path
Как улучшить FMP и TTI https://xnim.me/blog/frontend-perf-improving-fmp-and-tti
Event loop и конвейер рендеринга https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack

​​Словарь юного HCI. Проблемно-ориентированная информационная система

Issue-Based Information System — система, основанная на вопросах и своеобразная инструментальная версия понимания дизайна в качестве системы аргументации. Изначально IBIS (Issue-Based Information System) предлагали в качестве формальной онтологии для решения особо сложных задач с неочевидными формулировками — wicked problem, класса проблем в проектировании и управлении с неполными, противоречивыми и меняющимися требованиями, которые часто трудно распознать.

Базовыми элементами IBIS являются: проблемы (вопросы, на которые необходимо ответить), каждая из которых связана с ответами и альтернативами (возможными ответами или идеями), которые связаны с аргументами, которые поддерживают или возражают против данной позиции. В ходе рассмотрения вопросов возникают новые проблемы, которые рассматриваются аналогичным образом. IBIS обычно рисуется в виде графов с тремя основными элементами (или виды узлов, помеченных как «проблема», «позиция», «аргумент») и ограниченным набором способов, которыми узлы могут быть связаны друг с другом.

Идея создания такого проектирования в виде вопросов и ответов на чарте изначально пришла в голову немецкому теоретику городского планирования Хорсту Риттелю: в 1970ые годы IBIS планировались в качестве типа информационной системы, предназначенной для поддержки работы правительственных организаций. В конце 80-ых стали появляется первые компьютерные программы, эмулирующие подобного рода решения.

👀👨‍🎨👉💸🤑

Ищем UI/UX дизайнера в дружную команду Зайпа!
Зайп — стартап, фриланс-биржа нового поколения. Мы стремимся сделать фриланс таким, каким он должен быть. Не потоком из ужасных исполнителей, попытками мошенничества и тратой нерв, а фриланс здорового человека.

Что по вакансии?
UI/UX дизайнер в наш штат. Интересные задачи на создание веб-приложения Зайпа. Сейчас дизайн готов процентов на 50, но теперь необходимо все переносить в прод разработчикам. У нас классный UI-кит, организация в фигме, подарочные подписки на сервисы и просто дружная атмосфера. #notoxic

Хорошо, а условия?
Удалёнка, от 5-6 часов в день. Знание Figma, умение работать с auto-layout, понимание строения хорошего интерфейса.

А сколько платят?
От 60-80к ₽. Также выплачиваем премии самым продуктивным дизайнерам или за новые идеи, которые будут реализованы в проекте. Возможен карьерный рост.
После запуска биржи вся команда дизайнеров получит галочки на ней и самый низкий процент на комиссии, если Вы планируете работать на ней.

Вы заинтересованы в вакансии? У Вас есть друг дизайнер, которому может быть интересна эта работа? Пишите в Telegram @scxle!