Building React CRUD app in minutes?

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Building React CRUD App
in minutes?
@tomaszbak

CRUD in React
Building a Simple CRUD App with React + Redux
Practical Redux (Redux-ORM based)
marmelab/admin-on-rest

Agenda
● What is admin-on-rest?
● How it is build?
● Why is it interesting?

What is admin-on-rest?
● highly configurable React admin panel
● built on top popular libraries
● result of over 2 years o...

What is admin-on-rest?
import { simpleRestClient, Admin, Resource } from 'admin-on-rest';
import { PostList, PostEdit, Pos...

Source: https://marmelab.com/blog/2016/09/02/admin-on-rest-react-admin-framework.html

Source: https://github.com/marmelab/admin-on-rest-demo

What libs does it use?
● redux
● redux-form
● redux-saga
● recompose
● material-ui
● polyglot.js

How it works?
uses the same reducer function for each resource
export default (resources) => {
const resourceReducers = {}...

How it works?
redux sagas call restClient and use action meta
const crudFetch = (restClient) => {
function* handleFetch(ac...

$How it works? restClient allows to make custom API calls componentDidMount() { restClient(GET_LIST, 'reviews', { filter: {...$

How it works?
UI
const DatagridCell = ({ field, record, basePath, resource }) => {
return (
<TableRowColumn style={style}>...

Why is it interesting?
● experience of developers behind admin-on-rest
● modular Redux store and components

Thank you!

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

2024 Trend Updates: What Really Wor... by Search Engine Jou... 1042022 views
Storytelling For The Web: Integrate... by Chiara Aliotta 954721 views
Artificial Intelligence, Data and C... by OECD Directorate ... 880306 views
How to Leverage AI to Boost Employe... by SocialHRCamp 370586 views
2024 State of Marketing Report – by... by Marius Sescu 210442 views
Everything You Need To Know About C... by Expeed Software 229923 views

View on Slideshare

1 of 15 Ad

View on Slideshare

1 of 15 Ad