ホームページ- EY-Office
最近、AWS関連の記事8月5日、8月12日、8月18日を書いているのはバックエンドの開発を行っているからです。バックエンドはフロントエンドにAPIを提供するのが一番の目的ですが、管理画面も重要な機能だと思います。 管理画面といえば業務フローをサポートするための画面もありますが、ここではデータの確認や簡単な修正、いわゆるデーターベースのCRUD画面(Create, Read, Update, Delete)に付いての書きます。 React-admin、PostGraphileとは CRUD画面を簡単に作成できるツールやライブライリーは多く存在します。たとえばRuby on RailsにはRailsAdminのような有名なライブラリーがあります。 今回の仕事の参加する開発者はReactプログラマーなので、管理画面もReactベースのものが良いと思います。Reactベースの管理画面ライブライリー
ReactAdminを試してみた - teruuuのブログ
ReactAdminを少し触ってみました。 marmelab.com そもそもReactAdminとはReactでダッシュボードを作成するためのフレームワークのようで、公式のページでは"A Web Framework for B2B applications"とあるので凝ったページというよりは一般的なダッシュページとかを簡単に作れるのかなと思います。 公式のドキュメントは以下になりまして、"Data Provider"と"Auth Provider"がAdminコンポーネントプロパティになっていまして、それぞれ一覧データの取得と認証の設定になります。それからResourceコンポーネントが一覧に出す項目の内容を設定するためのコンポーネントになっています。 marmelab.com とりあえずAuth Providerの設定を行い認証が出来るところまで確認できました。 github.com
React-admin - Documentation
react-admin A frontend Framework for building data-driven applications running in the browser, on top of REST/GraphQL APIs, using React and Material Design. Open sourced and maintained by marmelab. Check out the demos page for real-life examples. Installation React-admin is available from npm. You can install it (and its required dependencies) using: How To Learn React-Admin Read the Tutorial for
React-admin のチュートリアルを読んだメモ · sacre
読んだのでメモ React-admin - My First Project Tutorial 一覧画面 React-admin では一覧表は管理画面によくあるテーブル形式で表示する。 dataProvider // in src/App.js import * as React from "react"; import { Admin } from 'react-admin'; import jsonServerProvider from 'ra-data-json-server'; const dataProvider = jsonServerProvider('https://jsonplaceholder.typicode.com'); const App = () => <Admin dataProvider={dataProvider} />; export default A
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Plugging React-Admin To Google Sheets
GitHub - marmelab/react-admin-demo: Source of the react-admin react.js demo, using a dummy REST service powered by FakeRest
