Skip to content

Refine

Refine is a React framework for connecting staff screens to data while choosing how those screens look.

Visit Refine

Which part of the staff app does Refine provide?

Refine provides React building blocks that call your API for lists and changes. You can pick the interface components. A data provider translates those actions to the service where the records live. The MIT-licensed core can be hosted with your React project. You still need to operate the app, sign-in and record service.

Where should you enforce the rule for an assigned request?

Connect a sign-in provider and use the access-control provider to guide what the interface shows. Have the service that owns the records enforce which requests each person can see or change. Decide the rule in plain language first, such as “Only the assigned reviewer can mark a request complete.”

How would you move the screen or the records?

Keep the React source and the code that connects it to your services. Refine’s export helper calls your data provider to fetch a list for CSV. Check the fields, filters and permissions of that particular export, and keep a separate recovery copy of the data.

Which records should a reviewer see in a CSV?

On paper, give a reviewer two assigned fictional requests and one that belongs to someone else. The screen and any export for that reviewer should contain only the two assigned requests.

  1. Write the list rule once
    Use assignment to decide which records the service returns. Write which fields the staff member needs in the file.
  2. Check the output
    Compare the two permitted record numbers with the sketch of the CSV. If a third row appears, the export does not meet the access rule.