/** * This is intended to be a basic starting point for linting in your app. * It relies on recommended configs out of the box for simplicity, but you can * and should modify this configuration to best suit your team's needs. */ /** @type {import('eslint').Linter.Config} */ module.exports = { root: true, parserOptions: { ecmaVersion: "latest", sourceType: "module", ecmaFeatures: { jsx: true, }, },

DenoにはDeno KVと呼ばれるデータをディスク上に永続的に保持する組み込みのキーバリューストアがあります。これによってDenoではサービスとシステムの再起動をまたいだデータの保存とアクセスが可能となります。 この機能はこれまでClosed Beta版として公開されていましたが、2023年9月6日にOpen Beta版として公開されました。 この記事ではそんなOpenされたばかりのDeno KVについて紹介します。

はじめに NextjsでApp Routerを用いた開発を行なっていますか？ App RouterはReact Canariesから提供されるサーバー側コンポーネントとクライアント側コンポーネントを利用したコンポーネント単位でレンダリング方法を制御する機能や、直感的なルーティング、そのほかにも豊富な機能を持つNextjsの新し機能です。 そんなApp Routerですがアプリケーション内のルーティングに対して型を付与するStatically Typed Linksという機能がバージョン13.2からbeta版で提供がされています。 Tanstack Routerのregistering-router-typesやVue Routerのtyped-routesと似たような機能です(何もbeta版です)。 この記事ではそんなStatically Typed Linksの使い方について紹介します。

// isFancyを切り替えるとCounterの値がリセットされる <div> {isFancy && ( <Counter isFancy={true} /> )} {!isFancy && ( <Counter isFancy={false} /> )} </div> ドキュメントを振り返る ここでドキュメントの内容をおさらいしてみます。 まずは、ReactのコンポーネントをブラウザのDOMに伝える方法についてです。 React もまた、ユーザが作成した UI を管理しモデリングするためにツリー構造を使用します。React は JSX から UI ツリーを作成します。次に React DOM が、その UI ツリーに合わせてブラウザの DOM 要素を更新します。（React Native の場合は UI ツリーをモバイルプラットフォーム固有の要素に変換します。） 次にstateが更新

はじめに Radix UIのPrimitivesを使ったことはありますか？ ヘッドレスなUIコンポーネントを提供してくれるライブラリとして有名で単にRadix UIとも呼ばれます(似たようなライブラリとしては最近でたArk UIなどがあります)。 このようなライブラリはUIを見た目と振る舞いに分けたうちの振る舞いだけを実装したコンポーネントを提供しています。そのため、Material UIやChakra UIのようなスタイリングも含むUIコンポーネントライブラリでは強制されていたスタイリング方法から抜け出して自由度を持ったスタイリングができるとして人気です。 そんなライブラリを開発していたRadix UIですが、新たにThemesと呼ばれるコンポーネントライブラリの提供を2023年の8月8日から開始しました。 この記事ではThemesの使い方と特徴を簡単に紹介します。 Themes The

Voltaとは 公式は手間のかからないJavaScriptのツール管理システムと謳っています(The Hassle-Free JavaScript Tool Manager)。 主なユースケースとしてはNode、npmのバージョン管理です。 Voltaには三つの宣伝文句があります。 ⚡高速 あらゆるJSツールを素早くシームレスにインストールし、実行することができます。VoltaはRustでビルドされ、軽快な静的バイナリとして出荷されます。 ⚡信頼できる プロジェクトに参加する全員が同じツールを使えるようにし、ワークフローに支障をきたさないようにします。 ⚡ユニバーサル パッケージマネージャ、Nodeランタイム、OSに関係なく、volta installという1つのコマンドで済みます。 他より早くて、コマンド一つでプロジェクト内で共有できて、OSに依存ないようなツールということです。 Vol