GitHub - futurGH/ts-to-jsdoc: Transpile TypeScript code to fully compatible JavaScript + JSDoc comments.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Live types in a TypeScript monorepo
EDIT: A previous version of this post recommended publishConfig, operating under the mistaken belief that it could be used to override "exports" during npm publish. As it turns out, npm only uses "publishConfig" to override certain .npmrc fields like registry and tag, whereas pnpm has expanded its use to override package metadata like "main", "types", and "exports". There are a number of reasons y
Refine | Open-source Retool for Enterprise
The sweet spot between low-code and full-code.Drag-and-drop tools shine initially but collapse under the weight of complexity. Refine offers comparable speed at the start and infinite scaling in the long run. Business applications not only share fundamental UI elements, but also the underlying logic.Stop writing repetitive code for CRUD, security and state management. Let Refine automatically tran
Home (FETS)
New Approach to REST APIsThe feTS Client and Server can be seamlessly used together for a comprehensive, type-safe API experience. Alternatively, they can function independently, providing you with the flexibility to adapt to your project's specific needs. Harness the Power of OpenAPIfeTS leverages the OpenAPI specification for universal tool compatibility. Plus, enjoy the convenience of an out-of
tsoa | tsoa
TypeScript ♥ OpenAPIAutomatically get accurate, complete, correct and up-to-date OpenAPI Specifications from your TypeScript code Type-safeNo more manual validation. tsoa makes sure the input can be assigned according to the types you specified or will throw automatically if it can't. FlexibleDoesn't matter if you use express, koa, hapi or your own framework. We can support it out of the box or wi
TS 4.9 satisfies operator を使って React Router のナビゲーションを型安全にしてみる - Mobile Factory Tech Blog
BC チームでエンジニアをしている id:d-kimuson です 11月にリリースされた TypeScript 4.9 から satisfies operator が追加されました。satisfies operator が追加されたことで 「React Router でのナビゲーションを型安全にする」がやりやすくなったのでやってみました この記事で紹介するコードは TS Playground で試すことができます React Router v6.4 からオブジェクト形式でルーティングをかけるようになり、ルーティング宣言から型を拾いやすくなった React Router v6.4 から createXXXRouter のAPIが追加され、コンポーネントではなく、プレーンオブジェクトでルーティングを書けるようになりました import { createBrowserRouter } from
フロントエンド開発のためのテスト入門 - サンプルの紹介 -
昨年から執筆を続けていた書籍が 4/24 に刊行します。「フロントエンド開発のためのテスト入門」という本です。 書籍ならではのテストコード解説を目指して 次の投票結果は、書籍企画時に持ち込んだ筆者のツイートです。フロントエンドテストに関していえば、8 割近くの方が何かしら不安や不足を感じている、という結果になりました。 不安や不足の原因は様々なものがあるかと思います。そのうち、筆者が着目したのは「テスト手法の豊富さ」です。「単体テスト・結合テスト・E2E テスト、何をどれほど書けばよいのか？」という疑問は、フロントエンドに限らず、はじめて自動テストに取り組まれる方が通る関門ではないでしょうか。 自動テストを書くには「テスト対象」を明確にしたうえで、テスト対象に適したテストコードを書く必要があります。本書は、現場で書かれるものに近い「テスト対象 = アプリケーションコード」をサンプルとして用
react-router v6.4 で比較的型安全なルーティングを実現することで管理を楽にする
import { BrowserRouter, ParamParseKey, Route, Routes, useParams } from "react-router-dom"; import User from "./pages/users/[id]"; import "./App.css"; import Top from "./pages/top"; export const PATHS = { TOP: "/", ABOUT: "/about", USERS_ID: "/users/:id", } as const; // これでクエリパラメータの id が取り出せる export const useParamsUsersId = useParams<ParamParseKey<typeof PATHS.USERS_ID>>; function App() { return (
【TypeScript】Input コンポーネントに ref を渡す方法 - kk-web
ref って便利ですが、型周りは結構やっかいですよね。 ということで、ざくっと書いてみました。 React Hook Form の v7 を使う場合のコードですが、ref 周りはすべてのケースで共通だと思います。 import React, { FC, forwardRef, Ref } from "react"; import { ChangeHandler } from "react-hook-form"; export type InputProps = { name: string; onBlur: ChangeHandler; onChange: ChangeHandler; ref: Ref<HTMLInputElement>; }; const Input: FC<InputProps> = forwardRef< HTMLInputElement, Omit<InputPr
外部パッケージに ESM が使われているコードを ts-jest でテストしたい
$ yarn test src/components/post yarn run v1.22.10 $ jest src/components/post FAIL src/components/post/Post/Post.test.tsx ● Test suite failed to run Jest encountered an unexpected token Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax. Out of the box Jest supports Babel, which
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tsconfig.jsonの設定を見直そう！�フロントエンド向け 2024夏
GitHub - pmndrs/valtio: 🧙 Valtio makes proxy-state simple for React and Vanilla
How to make Storybook 2-4x faster
GitHub - pilcrowonpaper/oslo: A collection of auth-related utilities
GitHub - google/aside: 🚀 Apps Script development with formatting, linting, testing and more!
OneJS
GitHub - clausreinke/typescript-tools: (repo no longer active) Tools related to the TypeScript language
逆引き 型ファースト Zod
GitHub - marcj/TypeRunner: High-performance TypeScript compiler
Mantine DataTable