Refine Native

abdellah711 - Jul 20 '23 - - Dev Community

What I built

I build a library for Refine that allows users to use the power of Refine to create cross-platform apps. The library is called RefineNative and currently supports expo-router and react-native-paper.

Category Submission:

  • Best Overall Project
  • Most Technical Impressive

App Link

@refinenative/expo-router
@refinenative/react-native-paper

Screenshots

Refine native sample


Refine native sample


Refine native sample


Refine native sample


Refine native sample

Description

This project contains two libraries, @refinenative/expo-router and @refinenative/react-native-paper. The first one allows you to integrate Refine with expo-router project, and the second one contains some components that are built using react-native-paper and can shorten the time needed to build a CRUD page.
It follows the same structure and philosophy of Refine, so if you are familiar with Refine, you will find it easy to use.

Link to Source Code

https://github.com/abdellah711/refinenative

Permissive License

MIT License

Background (What made you decide to build this particular app? What inspired you?)

I got the idea of building this library when I was working on a React Native project that contains a lot of CRUD pages, and I thought that it would be great if Refine can be used to build cross-platform apps.

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

While building this project I learned a lot about how to use Refine and how to build a library for Refine (it's my first library). I also discovered the power of Refine and the complexity that it hides from the user.

Additional Resources/Info

.
Terabox Video Player