React-Adminを使ってみた【株式会社ライトコード】

React-Adminを使う機会があったので少しまとめてみました！

📌 React-Adminとは

React-Adminとは、B2Bアプリ向けのReactフレームワークです。
公式サイトによると、2万5千以上の企業に使われているそうです（2024年5月確認）。

📌 特徴

SPA

React-AdminはSPAです。
その結果、ページ遷移が速く、ホスティングが簡単で、APIとの接続も簡潔になります。

また、Next.jsやRemix内での使用可能ですし、もちろんReact + Vite環境でも使うことができます。

React界隈の主要なライブラリが使われている

Material UI, React Router, React Hook Form, React Query(TanStack Query) などが内部で使われています。

挙動をカスタマイズするときは、これらのライブラリのオプションをそのまま指定することもあるため、慣れている人にとっては使いやすいかもしれません。

様々な機能を簡単に作れる

いくつかセットアップは必要ですが、それ以降はReact-Adminが提供するコンポーネントを組み合わせると様々な機能が簡単に作れます。

例えば、作成、編集などのフォーム、詳細・一覧表示（検索、並び替え、CSV出力等を含む）などのCRUD機能を持つページや、テーマ切り替え、レスポンシブ、i18n、認可制御などの機能へも対応しています。

有料のエンタープライズプランにすると、より高度な機能やコンポーネントを使うことができます。

📌 長所・短所

感じた長所、短所です。

長所

• 機能実装がすぐできる
• 提供されているコンポーネントでほぼ全ての機能が実現できる

短所

• 多機能なので仕様把握が大変
• 提供外のインターフェースや仕様を実装しようとすると、難易度が上がる
• 一部の機能は有料のエンタープライズプランでのみ提供

📌 基本的な作り方の流れ

絶対これ！という流れではないですが、使うイメージを上げるために、大まかな流れを説明します。

…

記事の続きは下のリンクをクリック！

https://rightcode.co.jp/blogs/46844

エンジニア積極採用中です！

現在、WEBエンジニア、モバイルエンジニア、デザイナー、営業などを積極採用中です！

採用ページはこちら：https://rightcode.co.jp/recruit

社員の声や社風などを知りたい方はこちら：https://rightcode.co.jp/blogs?category=life

社長と一杯飲みながらお話しませんか？（転職者向け）

特設ページはこちら： https://rightcode.co.jp/gohan-sake-president-talk

もっとワクワクしたいあなたへ

現在、ライトコードでは「WEBエンジニア」「モバイルエンジニア」「ゲームエンジニア」、「デザイナー」「WEBディレクター」「営業」などを積極採用中です！

ライトコードは技術力に定評のある受託開発をメインにしているIT企業です。

有名WEBサービスやアプリの受託開発などの企画、開発案件が目白押しの状況です。

• もっと大きなことに挑戦したい！
• エンジニアとしてもっと成長したい！
• モダンな技術に触れたい！

現状に満足していない方は、まずは、エンジニアとしても第一線を走り続ける弊社代表と気軽にお話してみませんか？

ネット上では、ちょっとユルそうな会社に感じると思いますが（笑）、
実は技術力に定評があり、沢山の実績を残している会社ということをお伝えしたいと思っております。

• ライトコードの魅力を知っていただきたい！
• 社風や文化なども知っていただきたい！
• 技術に対して熱意のある方に入社していただきたい！

一度、【Wantedly内の弊社ページ】や【コーポレートサイト】をのぞいてみてください。

【コーポレートサイト】https://rightcode.co.jp/

【採用募集】https://rightcode.co.jp/recruit（こちらからの応募がスムーズ）

【wantedlyぺージ】https://www.wantedly.com/companies/rightcode