JSTools 주간 — 2023#6

Feb 16 2023

⭐2023#6: Font Awesome Sharp Regular를 소개합니다! || 2023#6: Nango: API용 OAuth 토큰 받기 || ✨2023#6: Clack:‌ 아름다운 CLI 앱을 쉽게 구축 전체 호 또는 이전 호를 보려면 JSTools Weekly를 확인하고 이메일 Font-Awesome: v6.3에서 주간 뉴스레터를 구독하십시오.

⭐2023#6: Font Awesome Sharp Regular를 소개합니다! || 2023#6: Nango: API용 OAuth 토큰 받기 || ✨2023#6: Clack: 아름다운 CLI 앱을 손쉽게 구축

전체 호 또는 이전 호를 보려면 JSTools Weekly를 확인 하고 이메일로 주간 뉴스레터를 구독하십시오.

멋진 글꼴 : v6.3.0

상징적인 SVG, 글꼴 및 CSS 툴킷

Font Awesome Sharp Regular를 소개합니다!
새롭고 현대적인 스타일의 3,000개 이상의 아이콘: Sharp Regular
샤프 솔리드는 이미 완성되었습니다. 샤프 라이트, 씬, 듀오톤이 곧 출시됩니다!
아이콘은 모두 기존 Font Awesome Classic 아이콘과 동일한 16px 그리드에 구축됩니다.
그리고 더

JavaScript, HTML 및 CSS를 사용하여 크로스 플랫폼 데스크톱 앱 구축

label개체 에 속성을 추가했습니다 Display.
app.getPreferredSystemLanguages()사용자의 시스템 언어를 반환하는 API를 추가했습니다 .
노드 통합과 함께 Chromium 하위 프로세스를 시작하기 위해 새로운 UtilityProcess API를 추가했습니다.
WebUSB에 대한 지원이 추가되었습니다.
지정된 출처가 취소될 때 발생하는 serialPort.forget()새 이벤트 및 지원 추가serial-port-revoked
setHiddenInMissionControl개발자가 macOS에서 미션 컨트롤을 옵트아웃할 수 있도록 새로운 API 추가

엔터프라이즈급 UI 디자인 언어 및 React UI 라이브러리

picture-circle업로드의 소품에 추가합니다 listType.
수직을 지원하는 앵커 구성 요소 추가 direction.
arrow화살표의 표시 상태와 화살표가 대상의 중심을 가리키는지 여부를 변경하는 툴팁 지원 .
목록 페이지 매김 align옵션이 추가되었습니다.
옵션 구성을 지원하기 위해 타임라인이 추가되었습니다 items.
그리고 더

헤드리스 웹을 위한 가장 빠른 프런트엔드. React로 최신 웹사이트를 구축하세요.

개츠비가 Netlify에 합류합니다.
Head API는 wrapRootElement의 컨텍스트 공급자를 지원합니다.

오픈 소스 Firebase 대안. 공개 베타에 대한 최신 정보를 받으려면 팔로우하세요.

pgvector를 사용하여 Postgres에 OpenAI 임베딩 저장
Supabase Clippy를 만나보세요: ChatGPT for Docs
클라이언트 라이브러리 참조: Python 및 C#
pg_graphql은 이제 보기, 구체화된 보기 및 외부 테이블을 지원합니다.
이미지 변환을 위한 자동 WebP 감지
그리고 더

Nuxt는 Vue 3를 사용하여 형식이 안전하고 성능이 우수하며 프로덕션 등급의 전체 스택 웹 앱 및 웹 사이트를 만드는 직관적이고 확장 가능한 방법입니다.

Nuxt DevTools
runtimeConfig인라인 유형 도우미를 포함하여 재정의를 위한 더 나은 DX
useFetch메서드에 따라 반환 유형을 자동으로 유추합니다 $fetch.
useFetch이제 와 통합되어 event.$fetch쿠키와 컨텍스트가 이제 내부 요청 내에서 자동으로 API 요청에 전달됩니다.
그리고 더

⚛️ 동일한 최신 API를 사용하는 빠른 3kB React 대안. 구성 요소 및 가상 DOM.

이벤트 외부에서 마이크로틱 사용
재렌더링을 처리하는 동안 수정된 경우 재렌더링 대기열 재정렬
이벤트 핸들러 반환 값 유지

nango : 빠르고 안전한 API용 OAuth 토큰을 받으세요.

원천

magic-regexp : 컴파일되고 형식이 안전하며 읽을 수 있는 RegExp 대안

원천

structurae : 고성능 JavaScript 애플리케이션을 위한 데이터 구조.

veaury : Vue3에서 React를 사용하고 React에서 Vue3를 사용하고 최대한 완벽하게!

Vue3 지원
컨텍스트 지원 — 모든 vue 및 react 구성 요소의 컨텍스트를 공유합니다.
프레임워크 간 후크 사용 지원 — Vue 구성 요소에서 React의 후크를 사용하거나 React 구성 요소에서 Vue의 '설정' 기능을 사용하고 이 기능에서 Vue의 후크를 사용할 수 있습니다.
순수 모드 — 변환된 구성 요소의 자식에는 더 이상 추가 요소 컨테이너가 없습니다.

원천

orchid-orm : Postgres ORM, 쿼리 빌더, 마이그레이션 도구

️ 모델 및 관계 작업을 위한 생산적인 방법
️ 강력한 쿼리 빌더로 데이터베이스 전체 제어
️ 검증을 위해 모델 스키마를 Zod로 변환할 수 있습니다.
️ 마이그레이션 도구
100% TypeScript, 스키마를 정의하면 다른 모든 것이 유추됩니다.

editable : Editable은 contenteditable 속성에 의존하지 않고 안정적인 서식 있는 텍스트 편집 기능을 제공하는 서식 있는 텍스트 편집기 프레임워크입니다.

registereda : B2B용 오픈 소스 고객 기능 프레임워크입니다. 제품이 어떻게 작동하고 다른 고객을 찾는지 쉽게 제어할 수 있습니다.