JSTools Semanal — 2023#6

Feb 16 2023

⭐2023#6: Apresentando a Font Awesome Sharp Regular! || 2023#6: Nango: obtenha tokens OAuth para APIs || ✨2023#6: Clack:‌ Crie lindos aplicativos CLIs sem esforço

⭐2023#6: Apresentando a Font Awesome Sharp Regular! || 2023#6: Nango: obtenha tokens OAuth para APIs || ✨2023#6: Clack:‌ Crie sem esforço belos aplicativos CLIs

Para ver o problema completo ou os problemas anteriores, verifique o JSTools Weekly e assine para receber o boletim semanal em seu e-mail

Fonte incrível : v6.3.0

O icônico kit de ferramentas SVG, fonte e CSS

Apresentando o Font Awesome Sharp Regular!
Mais de 3.000 ícones em um estilo novo e moderno: Sharp Regular
Sharp Solid já está pronto. Sharp Light, Thin e Duotone estão chegando em breve!
Os ícones são todos construídos na mesma grade de 16px que os ícones Font Awesome Classic existentes.
e mais

Crie aplicativos de desktop multiplataforma com JavaScript, HTML e CSS

labelPropriedade adicionada aos Displayobjetos.
Adicionada uma app.getPreferredSystemLanguages()API para retornar os idiomas do sistema do usuário.
Adicionada a nova API UtilityProcess para iniciar o processo filho chromium com integração de nó.
Adicionado suporte para WebUSB.
Adicionado suporte para serialPort.forget()um novo evento serial-port-revokedemitido quando uma determinada origem é revogada
Adiciona nova setHiddenInMissionControlAPI para permitir que os desenvolvedores desativem o controle de missão no macOS

Uma linguagem de design de interface do usuário de classe empresarial e biblioteca React UI

Adicionar picture-circleao prop do Upload listType.
Anchor component add direction, que suporta vertical.
Suporte de dica de ferramenta arrowpara alterar o estado visível da seta e se a seta está apontada para o centro do alvo.
Adicionada alignopção de paginação de lista.
Linha do tempo adicionada itemspara oferecer suporte à configuração de opções.
e mais

O frontend mais rápido para a web sem cabeça. Crie sites modernos com React.

Gatsby está se juntando à Netlify
Head API suporta provedores de contexto de wrapRootElement

A alternativa Firebase de código aberto. Siga para se manter atualizado sobre nosso Beta público.

Armazenando incorporações OpenAI no Postgres com pgvector
Conheça o Supabase Clippy: ChatGPT para documentos
Referência da biblioteca cliente: Python e C#
pg_graphql agora oferece suporte a visualizações, visualizações materializadas e tabelas estrangeiras
Detecção automática de WebP para transformação de imagem
e mais

O Nuxt é uma maneira intuitiva e extensível de criar aplicativos e sites da web full-stack de tipo seguro, performático e de nível de produção com o Vue 3.

Nuxt DevToolsComment
Melhor DX para substituição runtimeConfig, incluindo auxiliares de tipo embutido
Tipo de retorno inferido automaticamente para useFetche $fetchcom base no método.
useFetchagora está integrado com event.$fetch, o que significa que os cookies e o contexto agora são passados para solicitações de API automaticamente dentro de solicitações internas.
e mais

⚛️ Alternativa React rápida de 3kB com a mesma API moderna. Componentes e DOM Virtual.

Use microtick fora dos eventos
Reordene a fila de reprocessamento se modificada enquanto estamos processando reprocessamentos
Preservar os valores de retorno do manipulador de eventos

nango : obtenha tokens OAuth para APIs — rápido e seguro.

fonte

magic-regexp : Uma alternativa de RegExp legível, segura e compilada

fonte

structurae : Estruturas de dados para aplicativos JavaScript de alto desempenho.

veaury : Use React em Vue3 e Vue3 em React, e o mais perfeito possível!

Suporte Vue3
Contexto de suporte — Compartilhe o contexto de todos os componentes vue e react.
Suporte para uso de hooks entre frameworks — Você pode usar os hooks do React em um componente Vue, ou você pode usar a função 'setup' do Vue em um componente React e usar os hooks do Vue nesta função.
Modo puro — Os filhos do componente convertido não possuem mais um contêiner de elemento extra

fonte

orquídea-orm : Postgres ORM, construtor de consultas, ferramenta de migração

️ maneira produtiva de trabalhar com modelos e relações
️ controle total sobre o banco de dados com um poderoso construtor de consultas
️ o esquema do modelo pode ser convertido em Zod para validações
️ ferramentas de migração
100% TypeScript, defina um esquema e todo o resto será inferido

editable : Editable é uma estrutura de editor de rich text que fornece recursos estáveis de edição de rich text sem depender do atributo contenteditable.

registera : A estrutura de recursos do cliente de código aberto para B2Bs. Controle facilmente como seu produto se comporta e procura por diferentes clientes.