コンテンツへスキップ

Refineは、Reactを使ったCRUD中心のウェブアプリケーションの作成に特化したオープンソースのメタフレームワークです。社内ツール、管理パネル、ダッシュボード、B2Bアプリケーションなど、さまざまなエンタープライズニーズに対応する堅牢なソリューションを提供します。

Refineでは、認証、アクセス制御、ルーティング、ネットワーク通信、状態管理、国際化(i18n)などの基本機能に対応したコアフックやコンポーネントを活用し、ワークフローを効率化できます。ヘッドレスアーキテクチャを採用しており、ビジネスロジック、ユーザーインターフェース、ルーティングを分離して、幅広くカスタマイズできます。

Refineは、Ant Design、Material UI、Chakra UIなどの人気UIフレームワークとシームレスに連携します。また、Next.js、Remix、React Native、Electronなどのプラットフォームにも対応しており、さまざまな開発シーンで活用できます。

機能

  • 認証とアクセス制御のためのコアフック
  • 15+のバックエンドサービスと連携
  • Next.jsとRemixでSSRに対応
  • CRUD UIを自動生成
  • 包括的な状態管理
  • 認証フロー用のプロバイダー
  • リアルタイムアプリケーションに対応
  • デバッグとモニタリングのための開発者ツール

関連項目

Next.js

開発者の生産性を高める豊富な機能を備え、非同期で動的なウェブアプリケーションを作成するための堅牢なソリューションです。

Preact

モダンな機能と軽量さを保ちながら、効率的なウェブ開発を実現するReactの高速な代替ライブラリです。

TanStack Table

アプリケーション内の複雑なデータ表現を構築・管理するための強力なソリューションで、比類のないカスタマイズ性と制御性を提供します。

Angular

動的でスケーラブルなウェブアプリケーションを構築するための、堅牢なソリューションを提供するフレームワークです。豊富な機能を備え、柔軟性と構造化された開発アプローチを求める開発者のニーズに応えます。

ChakraUI

使いやすく高度にカスタマイズ可能な基本コンポーネントを豊富に備え、アクセシブルなウェブアプリケーションをすばやく効率的に作成できます。

cmdk

React向けの包括的なコマンドメニューソリューションで、ユーザー体験と開発者の柔軟性の両方を重視しています。

daisyUI

セマンティックなクラス名で開発プロセスを効率化し、美しいユーザーインターフェースをすばやく効率的に構築できます。

dndkit

Reactアプリケーションにドラッグ&ドロップ機能を簡単に実装できるツールキットです。