How to make Storybook 2-4x faster
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
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
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 (
Next.js + TypeScript + AWS Amplify でアプリケーション開発 - 虎の穴開発室ブログ
こんにちは、虎の穴ラボのNSSです。 最近ReactやTypeScriptを勉強中なのですが、Reactで作ったアプリケーションを簡単にデプロイして公開できるツールとして、AWS Amplifyがあります。 AWS Amplifyとは、AWSが提供するモバイルやWEBのアプリケーションを素早く開発することができるプラットフォームです。 AWS Amplifyは、たった数クリックでアプリケーションをデプロイできる他、 コマンドラインツールを使ってユーザー認証やAPIなど、あらゆる機能を簡単にアプリケーションに追加することができます。 今回は、ReactベースのフレームワークであるNext.js と AWS Amplifyを使ったアプリ開発をご紹介します。 環境 Node.js (v16.4.1) Next.js (v10.2.0) TypeScript Node.jsはインストール済みである
ReactでTypeScript使うときにPropsやStateってinterfaceよりType Aliasの方よいのでは説 - terrierscript: 保存済みの下書き
ライブラリの場合は「拡張に対して開いている」ほうが良いので、Interfaceのほうがいいと考えているため。 A second more important difference is that type aliases cannot be extended or implemented from (nor can they extend/implement other types). Because an ideal property of software is being open to extension, you should always use an interface over a type alias if possible.
react-static をTypeScriptで始める - Keep on moving
React Staticでよく遊んでるのでいくつかTipsをまとめておこうと思います。 今日は React Static でTypeScriptを使うときのTipsをご紹介します。 react-static をTypeScriptで始める CLIツールをglobalにインストールする $ npm i -g react-static or $ yarn global add react-static 新しいプロジェクトを作る $ react-static create ちなみに npxコマンドからでもプロジェクトを作ることができます。 globaに入れなくて済むので、僕はこっちが好きです 😄 npx react-static create or npx react-static create --template typescript --name=my-static-site 実行方法
GitHub - typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
Cheatsheet for using React with TypeScript. Web docs | Contribute! | Ask! 👋 This repo is maintained by @eps1lon and @filiptammergard. We're so happy you want to try out React with TypeScript! If you see anything wrong or missing, please file an issue! 👍 | The Basic Cheatsheet is focused on helping React devs just start using TS in React apps Focus on opinionated best practices, copy+pastable exa
15K 行のアプリを TypeScript 1.8 から 2.0 に移行してみた - はやくプログラムになりたい
先日 TypeScript の新しいメジャーバージョン 2.0 のコンパイラの beta 版がリリースされました． Announcing TypeScript 2.0 Beta What's new in TypeScript コンパイラのチェックの強化や非 null 型，tagged union など，いくつかの機能が追加・強化され，自分の趣味プロジェクトでも恩恵に与れそうだったので試しに移行してみました． 移行してみたのは下記の Electron でつくり中の Twitter Client アプリ（React+Redux）で，全体で大体 15000 行ぐらいです． github.com 下記の手順で修正してみました． コンパイラをアップデートしてビルドしてみる --noImplicitThis，--noUnusedLocals, --noUnusedParameters を有効にしてみ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - glideapps/glide-data-grid: 🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
React + TypeScriptでpropsと型を便利に扱うTips集
雰囲気で使わない @types/react - Qiita
https://www.wolksoftware.com/blog/dependency-injection-in-react-powered-inversifyjs