Forwarded from Node.JS [ru] | Серверный JavaScript
Gqless - GraphQL клиент, в котором не нужно писать запросы
Работает в рантайме с помощью
Например:
const { countries: { flag } } = useQuery()
создаст GraphQL запрос
Из фич:
- Типы из коробки
- Работает с React, включая Suspense и хуки
- Готов к использованию в продакшене (поддерживает кэширование, SSR и т.д.)
#graphql #jslib #javascript #react #frontend #webdev
Работает в рантайме с помощью
Proxy API, который смотрит, какие поля были запрошены.Например:
const { countries: { flag } } = useQuery()
создаст GraphQL запрос
query { countries { flag } }Из фич:
- Типы из коробки
- Работает с React, включая Suspense и хуки
- Готов к использованию в продакшене (поддерживает кэширование, SSR и т.д.)
#graphql #jslib #javascript #react #frontend #webdev
Forwarded from Node.JS [ru] | Серверный JavaScript
Программист из Google выкладывает тесты и задачи по JavaScript 👉 @js_tests
Зайди и посмотри сколько сможешь решить
Кнопка: Заглянуть - https://t.me/js_tests
Зайди и посмотри сколько сможешь решить
Кнопка: Заглянуть - https://t.me/js_tests
Telegram
JavaScript tests
Каталог тестів по JavaScript
Forwarded from Node.JS [ru] | Серверный JavaScript
Программист из Google выкладывает тесты и задачи по JavaScript 👉 @js_tests
Зайди и посмотри сколько сможешь решить
Зайди и посмотри сколько сможешь решить
Forwarded from Node.JS [ru] | Серверный JavaScript
ts-audio — абстракция над AudioContext API, написанная на TypeScript
- значительно упрощает использование AudioContext
- поддерживает все современные браузеры
- можно легко создавать плейлисты
- не имеет зависимостей
#jslib #javascript #frontend #webdev #typescript
- значительно упрощает использование AudioContext
- поддерживает все современные браузеры
- можно легко создавать плейлисты
- не имеет зависимостей
#jslib #javascript #frontend #webdev #typescript
GitHub
GitHub - EvandroLG/ts-audio: :musical_score: ts-audio is an agnostic library that makes it easy to work with AudioContext and create…
:musical_score: ts-audio is an agnostic library that makes it easy to work with AudioContext and create audio playlists in the browser - EvandroLG/ts-audio
Forwarded from Denis Sexy IT 🤖
This media is not supported in your browser
VIEW IN TELEGRAM
Классное видео из 1943 года – испанское электро-такси на станции подзарядки, смена аккумуляторов занимает 5 минут ✨
Пока искал больше деталей про это такси, наткнулся на интересную цитату со страницы истории электрокаров в вики:
…к 1912 году многие дома были подключены к электричеству, что привело к росту популярности автомобилей. В США, к началу века, 40 процентов автомобилей приводились в движение паром, 38 процентов - электричеством и 22 процента - бензином.
То есть в истории уже был период когда электрокары были популярнее обычных машин. Мы явно свернули куда-то не туда…
P.S. Кстати, первый автомобиль в мире который разогнался до 100 км/ч был тоже электрокаром, случилось это в 1899 году 💨
Пока искал больше деталей про это такси, наткнулся на интересную цитату со страницы истории электрокаров в вики:
…к 1912 году многие дома были подключены к электричеству, что привело к росту популярности автомобилей. В США, к началу века, 40 процентов автомобилей приводились в движение паром, 38 процентов - электричеством и 22 процента - бензином.
То есть в истории уже был период когда электрокары были популярнее обычных машин. Мы явно свернули куда-то не туда…
P.S. Кстати, первый автомобиль в мире который разогнался до 100 км/ч был тоже электрокаром, случилось это в 1899 году 💨
Forwarded from Coding: работа и стажировки для программистов
Преимущества стажировки:
— Конкурентная оплата и все корпоративные преимущества, включая ДМС и социальный пакет;
— Работа над серьезными проектами и решение сложных задач на стыке IT и финансов в команде профессионалов;
— Ментор, с которым вы определите персональные цели и путь развития в компании;
— Возможность продолжить карьеру в ВТБ Капитал по окончании стажировки.
Регистрируйтесь до 1 июля включительно: https://clck.ru/VGiNh
— Конкурентная оплата и все корпоративные преимущества, включая ДМС и социальный пакет;
— Работа над серьезными проектами и решение сложных задач на стыке IT и финансов в команде профессионалов;
— Ментор, с которым вы определите персональные цели и путь развития в компании;
— Возможность продолжить карьеру в ВТБ Капитал по окончании стажировки.
Регистрируйтесь до 1 июля включительно: https://clck.ru/VGiNh
Forwarded from ai.dot(ufna, dev)
Кстати, мы активно хантим, правда на специфические вещи 🙂
Кого ищем?
* Техарт
* Программер UI
* Программер тулзов
Естесственно что на анрил и мобилки, программеры - плюсы и бп. Удаленка по-умолчанию (мы тут уже полтора года и пока не собираемся обратно), опционально офис.
Работа непосредственно в моей команде, без лишней гордости могу сказать что мы одна из самых опытных студий по анрилу на мобилках. Работы много, проект - клевый и с вызовами (мы идем на ура даже на старинных PVR чипах).
Если интересно, то см. https://team.mail.ru/vacancy/18155/ (вакансия на тулзовика появится там в понедельник, но можно подаваться прям на UI с комментов - все равно одни и те же HR и один и тот же я)
Буду также рад репостам и рекомендациям 🙂
Кого ищем?
* Техарт
* Программер UI
* Программер тулзов
Естесственно что на анрил и мобилки, программеры - плюсы и бп. Удаленка по-умолчанию (мы тут уже полтора года и пока не собираемся обратно), опционально офис.
Работа непосредственно в моей команде, без лишней гордости могу сказать что мы одна из самых опытных студий по анрилу на мобилках. Работы много, проект - клевый и с вызовами (мы идем на ура даже на старинных PVR чипах).
Если интересно, то см. https://team.mail.ru/vacancy/18155/ (вакансия на тулзовика появится там в понедельник, но можно подаваться прям на UI с комментов - все равно одни и те же HR и один и тот же я)
Буду также рад репостам и рекомендациям 🙂
Forwarded from Defront — про фронтенд-разработку и не только (Alexander Myshov)
Диего Хаз — автор библиотеки компонентов Reakit — рассказал о принципе разработки базовых компонентов — "Introducing the Single Element Pattern".
При разработке приложений Диего выделяет понятие "базовый компонент" — фундаментальную часть приложения, следующую определённым правилам, благодаря которым кодовая база проекта легко масштабируется и не усложняется в поддержке (принцип Singel). Правила:
— Компонент рендерит только один элемент (в редких случаях несколько)
— Компонент не должен ломать приложение при возникновении исключений
— Рендерит все HTML-атрибуты, переданные как пропсы
— Мёржит стили, передаваемые как пропсы
— Добавляет все обработчики событий, передаваемые как пропсы
В первую очередь советы из статьи полезны при разработке библиотеки компонентов, но их можно использовать при разработке обычных компонентов. Также эти принципы можно использовать не только с React, но и с любым другим компонентным фреймворком.
#react #vue #angular
https://www.freecodecamp.org/news/introducing-the-single-element-pattern-dfbd2c295c5d/
При разработке приложений Диего выделяет понятие "базовый компонент" — фундаментальную часть приложения, следующую определённым правилам, благодаря которым кодовая база проекта легко масштабируется и не усложняется в поддержке (принцип Singel). Правила:
— Компонент рендерит только один элемент (в редких случаях несколько)
— Компонент не должен ломать приложение при возникновении исключений
— Рендерит все HTML-атрибуты, переданные как пропсы
— Мёржит стили, передаваемые как пропсы
— Добавляет все обработчики событий, передаваемые как пропсы
В первую очередь советы из статьи полезны при разработке библиотеки компонентов, но их можно использовать при разработке обычных компонентов. Также эти принципы можно использовать не только с React, но и с любым другим компонентным фреймворком.
#react #vue #angular
https://www.freecodecamp.org/news/introducing-the-single-element-pattern-dfbd2c295c5d/
freeCodeCamp.org
Introducing the Single Element Pattern
By Diego Haz Rules and best practices for creating reliable building blocks with React and other component-based libraries. Back in 2002 — when I started building stuff for the web — most developers, including me, structured their layouts using <tab...
Forwarded from Defront — про фронтенд-разработку и не только (Alexander Myshov)
Том МакРайт рассказал о своём подходе к работе с зависимостями — "Vendor by default".
Том использует вендоринг для небольших зависимостей. То есть он копирует их исходный код к себе в проект. При копировании кода он его читает, рефакторит и удаляет неиспользуемые части. Такой подход позволяет лучше разобраться в библиотеке и понять её ограничения. Иногда бывает так, что он начинает рефакторить код зависимостей и понимает, что будет проще написать её самому или что нужно найти альтернативу.
Интересная статья. Похоже на какую-то крайность, но почему бы и нет, если это решает проблему раздувания бандла приложения.
#npm #musings
https://macwright.com/2021/03/11/vendor-by-default.html
Том использует вендоринг для небольших зависимостей. То есть он копирует их исходный код к себе в проект. При копировании кода он его читает, рефакторит и удаляет неиспользуемые части. Такой подход позволяет лучше разобраться в библиотеке и понять её ограничения. Иногда бывает так, что он начинает рефакторить код зависимостей и понимает, что будет проще написать её самому или что нужно найти альтернативу.
Интересная статья. Похоже на какую-то крайность, но почему бы и нет, если это решает проблему раздувания бандла приложения.
#npm #musings
https://macwright.com/2021/03/11/vendor-by-default.html
macwright.com
Vendor by default
Just copy that sucker into your source tree why don’t you
Forwarded from Coding: работа и стажировки для программистов
Преимущества стажировки:
— Конкурентная оплата и все корпоративные преимущества, включая ДМС и социальный пакет;
— Работа над серьезными проектами и решение сложных задач на стыке IT и финансов в команде профессионалов;
— Ментор, с которым вы определите персональные цели и путь развития в компании;
— Возможность продолжить карьеру в ВТБ Капитал по окончании стажировки.
Регистрируйтесь до 1 июля включительно: https://clck.ru/VGiQ7
— Конкурентная оплата и все корпоративные преимущества, включая ДМС и социальный пакет;
— Работа над серьезными проектами и решение сложных задач на стыке IT и финансов в команде профессионалов;
— Ментор, с которым вы определите персональные цели и путь развития в компании;
— Возможность продолжить карьеру в ВТБ Капитал по окончании стажировки.
Регистрируйтесь до 1 июля включительно: https://clck.ru/VGiQ7
Forwarded from Node.JS [ru] | Серверный JavaScript
Canvg - JavaScript библиотека для парсинга SVG и рендера в Canvas
Либа полезна для отображения векторных изображений в растровом Canvas
- Работает как и в браузере, так и на сервере
- Имеет пресеты для Node.js и OffscreenCanvas
- Написан на TypeScript
#jslib #javascript #frontend #webdev #canvas
Либа полезна для отображения векторных изображений в растровом Canvas
- Работает как и в браузере, так и на сервере
- Имеет пресеты для Node.js и OffscreenCanvas
- Написан на TypeScript
#jslib #javascript #frontend #webdev #canvas
GitHub
GitHub - canvg/canvg: JavaScript SVG parser and renderer on Canvas
JavaScript SVG parser and renderer on Canvas. Contribute to canvg/canvg development by creating an account on GitHub.
Forwarded from Shock Design
Media is too big
VIEW IN TELEGRAM
Где брать Бесплатные текстуры и 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
#полезность #материалы
Подборка из 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
#полезность #материалы
Forwarded from Defront — про фронтенд-разработку и не только (Alexander Myshov)
Лин Кларк опубликовала статью, посвящённую оптимизации работы 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
Некоторые платформы ограничивают набор оптимизаций, которые могут быть применены к 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
Bytecode Alliance
Making JavaScript run fast on WebAssembly
JavaScript in the browser runs many times faster than it did two decades ago. And that happened because the browser vendors spent that time working on intensive performance optimizations.
Forwarded from Denis Sexy IT 🤖
This media is not supported in your browser
VIEW IN TELEGRAM
Вечерний инженерный порн: процесс заупска синхроптера
Forwarded from Титова тут
Мне кажется, что самое ценное, что родители могут дать ребенку это уверенность в их безусловной любви.
Что бы ты ни делал и ни сделал, они (она/он) всегда тебя примут, никогда не оставят одного.
Одним из самых важных чувств в моей в жизни была уверенность в том, что чтобы ни случилось, я всегда могу вернуться домой и вместе мы все переживем.
Что бы ты ни делал и ни сделал, они (она/он) всегда тебя примут, никогда не оставят одного.
Одним из самых важных чувств в моей в жизни была уверенность в том, что чтобы ни случилось, я всегда могу вернуться домой и вместе мы все переживем.
Forwarded from Denis Sexy IT 🤖
Media is too big
VIEW IN TELEGRAM
Интересный проект с примерами на лицах – особенно хорошо эта демонстрация подходит под парихмахерские которые наверное никогда не внедрят что-то такое, но все же:
Есть ваше лицо, есть пример прически которую вы хотели бы, и отдельно есть форма волос (кудрявые, прямые и тп) – а в результате получается довольно наглядно, как бы это на вас выглядело:
https://zpdesu.github.io/Barbershop/
Намного интереснее модных журналов на столиках, но мы пока очень далеки от GAN-барбершопов 💈
Код туть
Есть ваше лицо, есть пример прически которую вы хотели бы, и отдельно есть форма волос (кудрявые, прямые и тп) – а в результате получается довольно наглядно, как бы это на вас выглядело:
https://zpdesu.github.io/Barbershop/
Намного интереснее модных журналов на столиках, но мы пока очень далеки от GAN-барбершопов 💈
Код туть
Forwarded from Веб-стандарты (Веб-стандарты)
Подробный анализ CSS-in-JS. Андрей Пфайффер сравнивает возможности десяти CSS-in-JS библиотек и формирует список вопросов, которые стоит задать для выбора подходящей для проекта.
https://css-tricks.com/a-thorough-analysis-of-css-in-js/
https://css-tricks.com/a-thorough-analysis-of-css-in-js/