Настройка бандлера Vite для работы с Preact и TypeScript
#preact #typescript #webdev #frontend #jsarticle
#preact #typescript #webdev #frontend #jsarticle
fettblog.eu
Vite with Preact and TypeScript
Update: Please note that this article already has some age and Vite has seen significant updates. Also, the Preact team has created their own preset for Vite which you can find here. Be sure to check that out!
Canvas-Txt - JavaScript библиотека для рендеринга текста на 2D холсте
Из фич:
простая настройка всех параметров (ширина, высота, размер шрифта, высота строки и т.д.)
маленький размер (1.92кб)
нет зависимостей
#jslib #frontend #webdev #canvas #javascript
Из фич:
простая настройка всех параметров (ширина, высота, размер шрифта, высота строки и т.д.)
маленький размер (1.92кб)
нет зависимостей
#jslib #frontend #webdev #canvas #javascript
Mercury Parser - парсер для HTML страниц, который превращает разметку в читаемые данные
На входе он получает URL страницы, на выходе генерирует JSON с метаданными, и пропаршенным текстом
#webdev #javascript #frontend #jslib
На входе он получает URL страницы, на выходе генерирует JSON с метаданными, и пропаршенным текстом
#webdev #javascript #frontend #jslib
useVideoCard – React хук для получения сведений о видеокарте
#frontend #webdev #webgl #jslib #javascript #react #hooks
#frontend #webdev #webgl #jslib #javascript #react #hooks
GitHub
GitHub - BRA1L0R/use-videocard: React hook to fetch the graphics card information of the client using canvas
React hook to fetch the graphics card information of the client using canvas - GitHub - BRA1L0R/use-videocard: React hook to fetch the graphics card information of the client using canvas
Escaya – очень быстрый парсер для JavaScript
Обладает поддержкой ES2021
Малый объём используемой памяти
Маленький размер (~84 KB)
Хорошо протестирован (~34000 юнит тестов)
#jslib #javascript
Обладает поддержкой ES2021
Малый объём используемой памяти
Маленький размер (~84 KB)
Хорошо протестирован (~34000 юнит тестов)
#jslib #javascript
FAST - интерфейсная система от Microsoft
Является набором модулей для создания интерфейсов, основанных на веб компонентах, которые можно переиспользовать в разных приложениях с разным стеком.
FAST легко расширяется для создания своих UI библиотек (например Material UI).
На данный момент существует интеграция с ASP.NET, Vue, Angular, Blazor и др. Интеграция для React находится в разработке.
#webdev #javascript #frontend #fast #vue #angular #blazor #webcomponents #jslib
Является набором модулей для создания интерфейсов, основанных на веб компонентах, которые можно переиспользовать в разных приложениях с разным стеком.
FAST легко расширяется для создания своих UI библиотек (например Material UI).
На данный момент существует интеграция с ASP.NET, Vue, Angular, Blazor и др. Интеграция для React находится в разработке.
#webdev #javascript #frontend #fast #vue #angular #blazor #webcomponents #jslib
Создание блога Tailwind на Next.js
Статья от создателя Tailwind про опыт разработки блога для своего CSS фреймворка
#nextjs #frontend #webdev #javascript #jsarticle
Статья от создателя Tailwind про опыт разработки блога для своего CSS фреймворка
#nextjs #frontend #webdev #javascript #jsarticle
Tailwindcss
Building the Tailwind Blog with Next.js - Tailwind CSS
One of the things we believe as a team is that everything we make should be sealed with a blog post. Forcing ourselves to write up a short announcement post for every project we work on acts as a built-in quality check, making sure that we never call a project…
tinyhttp - современный и быстрый веб-фреймворк для Node.js, являющийся альтернативой Express
Основные преимущества:
Не зависит от легаси модулей по типу
Есть поддержка ассинхронных обработчиков
Существует готовый набор обработчиков для общих задач по типу логгирования и парсинга кук
Написан на TypeScript и как следствие есть типизация из коробки
Фреймворк находится в ранней разработке, поэтому не весь функционал из Express до конца перенесён.
P.S. Создателем фреймворка является автор канала (@talentless_guy), если есть фидбек по поводу tinyhttp, то пишите в личку (или в наш чат) :D
#backend #webdev #javascript #typescript #tinyhttp #express #nodejs
Основные преимущества:
Не зависит от легаси модулей по типу
object.assign
Совместим с промежуточными обработчиками для ExpressЕсть поддержка ассинхронных обработчиков
Существует готовый набор обработчиков для общих задач по типу логгирования и парсинга кук
Написан на TypeScript и как следствие есть типизация из коробки
Фреймворк находится в ранней разработке, поэтому не весь функционал из Express до конца перенесён.
P.S. Создателем фреймворка является автор канала (@talentless_guy), если есть фидбек по поводу tinyhttp, то пишите в личку (или в наш чат) :D
#backend #webdev #javascript #typescript #tinyhttp #express #nodejs
5 Распространённых ошибок при написании React компонентов с хуками
#hooks #react #frontend #webdev #javascript #jsarticle
#hooks #react #frontend #webdev #javascript #jsarticle
www.lorenzweiss.de
Five common mistakes writing react components (with hooks) in 2020
The most common mistakes I found while writing react components, why they are mistakes and how to avoid or fix them.
Node.JS [ru] | Серверный JavaScript pinned «tinyhttp - современный и быстрый веб-фреймворк для Node.js, являющийся альтернативой Express Основные преимущества: Не зависит от легаси модулей по типу object.assign Совместим с промежуточными обработчиками для Express Есть поддержка ассинхронных обработчиков…»
uvu – очень быстрый и современный фреймворк для юнит тестов
Поддерживает Native ESM для Node.js
Совместим с браузерными API
Поддержка async / await
#jstools #javascript #testing
Поддерживает Native ESM для Node.js
Совместим с браузерными API
Поддержка async / await
#jstools #javascript #testing
Maho - экспериментальный веб-фреймворк, основанный на React, для создания SSG/SSR приложений
Гораздо быстрее всех остальных похожих фреймворков (Next.js, Gatsby и т.д.), благодаря сборщику esbuild, который написан на Go и скомпилирован в бинарник.
На данный момент поддеживает получение данных с сервера (aka
#jslib #frontend #webdev #javascript #react #esbuild
Гораздо быстрее всех остальных похожих фреймворков (Next.js, Gatsby и т.д.), благодаря сборщику esbuild, который написан на Go и скомпилирован в бинарник.
На данный момент поддеживает получение данных с сервера (aka
getInitialProps) и HMR#jslib #frontend #webdev #javascript #react #esbuild
Awesome GraphQL Client
Простой GraphQL клиент, не привязанный к фреймворку.
Работает как в браузере, так и в Node.js
Поддерживает запросы, сгенерированные
Написан на TypeScript
Весит всего 1.4kb
#graphql #frontend #webdev #jslib #javascript #typescript #backend #nodejs
Простой GraphQL клиент, не привязанный к фреймворку.
Работает как в браузере, так и в Node.js
Поддерживает запросы, сгенерированные
graphql-tagНаписан на TypeScript
Весит всего 1.4kb
#graphql #frontend #webdev #jslib #javascript #typescript #backend #nodejs
Методы по улучшению производительности в React приложениях
#webdev #javascript #frontend #jsarticle #react #perf
#webdev #javascript #frontend #jsarticle #react #perf
Smashing Magazine
Methods Of Improving And Optimizing Performance In React Apps — Smashing Magazine
Since React was introduced, it has transformed the way front-end developers build web applications, and its virtual DOM is famous for effectively rendering components. In this tutorial, Shedrack Akintayo will discuss various methods of optimizing performance…