How To Become A React-admin Grandmaster
summary
Shows how react-admin turns API Platform backends into full apps by demoing two open-source examples Posters Galore and Atomic CRM, explains concrete APIs: dataProvider hooks like useGetOne/useGetList and mutation hooks (useUpdate) with optimistic/undo behavior, reference fields/inputs for relations, and how calls get de-duplicated into getMany. Covers using ra-datagrid (Material UI Datagrid wrapper), React Final Form hooks (useField/useFormState) for complex forms, Enterprise modules for RBAC and many-to-many, and recommends pushing logic into the data provider.
AI-written summary · about
chapters (20)
- 0:00Introduction to react-admin
- 1:06Why choose react-admin
- 3:17Using guessers for quick setup
- 4:42Learning from react-admin demos
- 6:49Leveraging React context
- 9:17Mastering Redux store
- 11:30Working with reference fields
- 14:18Data provider hooks deep dive
- 20:20Optimistic mutations and UX
- 22:10Handling non-REST API calls
- 23:56Intermission: GreenFrame.io
- 24:40Advanced filtering techniques
- 25:44Enterprise features overview
- 27:52Material UI Datagrid alternative
- 29:39Customizing complex forms
- 31:28Styling react-admin components
- 33:34Composition over configuration
- 34:38Adding custom pages
- 36:23Conclusion and next steps
- 37:04Q&A session
related talks
32mAnd Now You Understand React Server Components
15mBuilding world-class web apps using Frappe and React
58mCrafting compelling real-time web experiences with GraphQL and React
33mEvergreen Legacy Applications
24mBuilding Reactive GraphQL Apps With Apollo
46mRock Solid React for People in a Hurry
45mAn Overview of the React Ecosystem
52mBuilding Modern React Applications