Necati ÖzmenforRefinerefine.hashnode.dev·Feb 20, 2023#refineweek: Audit Log With refineIn this post, we apply refine's built-in audit logging functionality to our Pixels Admin app and to the Pixels client app that we built previously in this refineWeek series. refine's audit logging system comes already baked into its data hooks and in...2 likes·100 readsReact
Necati ÖzmenforRefinerefine.hashnode.dev·Feb 19, 2023#refineweek: Implementing Role Based Access ControlIn this post, we implement Role Based Access Control (RBAC) on our Pixels Admin app. Pixels Admin serves as the admin dashboard of our Pixels client app that we built previously in the refineWeek series. This is Day 6, and refineWeek is a seven-part ...3 likes·143 reads#refineweek
Necati ÖzmenforRefinerefine.hashnode.dev·Feb 18, 2023#refineweek: Creating an Admin Dashboard with refineThis post is the first part of an admin dashboard app built using refine. The dashboard is an admin backend for the Pixels client that we built previously in the refineWeek series. We are using the same Supabase database for this app and have Ant Des...2 likes·41 reads#refineweek
Necati ÖzmenforRefinerefine.hashnode.dev·Feb 17, 2023#refineweek: Adding Realtime CollaborationIn this post, we implement realtime broadcast and subscription of pixels updates in our refine based Pixels app. We do this with the liveProvider prop on <Refine /> and Supabase's Realtime servers. Applying a PubSub feature allows us to receive insta...3 likes·88 readsReact
Necati ÖzmenforRefinerefine.hashnode.dev·Feb 16, 2023#refineweek: Adding CRUD Actions and AuthenticationIn this post, we build on our existing understanding of dataProvider and authProvider props of <Refine /> to implement CRUD operations in our Pixels app that we initialized in the previous post. While doing so, we discuss the roles of <Refine /> comp...3 likes·28 readsReact
Necati ÖzmenforRefinerefine.hashnode.dev·Feb 15, 2023#refineweek: Setting Up the Client AppIn this episode, we initialize our Pixels app using refine and get familiar with the boilerplate code to be created with the create refine-app CLI tool. This is Day 2 of the refineWeek series. refineWeek is a seven-part tutorial that aims to help dev...5 likesReact
Necati ÖzmenforRefinerefine.hashnode.dev·Feb 14, 2023#refineweek: Pilot & refine architectureThis post provides an introduction to refine, a React framework used to rapidly build data heavy CRUD apps like dashboards, admin panels and e-commerce storefronts. It also presents the AWeekOfRefine series - which is a seven part quickfire guide tha...3 likesReact