The new datafari UI based on react requires a few additional steps and configurations to be built and used within Datafari. This page aims at providing those elementsReact can be used directly into Datafari starting from Datafari 5.0.

In this page, we will indicate how to use it out of the box into Datafari or how to build it if you want to download the source code and to do some changes into it.

Use it into Datafari

The new Datafari UI currently in Alpha is directly integrated into the code of Datafari.

To use it simply enter /datafariui into the URL of your Datafari.

For example, if you access to Datafari by this URL : https://mydatafari.com/Datafari the path to access to the React DatafariUI will be :

https://mydatafari.com/datafariui

Build DatafariUI

Download the source code

The DatafariUI project is on GitHub, the homepage of the project is here :

https://github.com/francelabs/DatafariUI

So do a git clone of the project to download the source code.

Install Node

To build the UI you will need node and npm. Install the latest LTS version of node from their website: https://nodejs.org/en/ (packet managers are often quite behind and older versions might not work as intended).

...

This will create a build folder containing the production version of the DatafariUI. By default, this build expects to be reachable on the server using the path any.domain.test/datafariui.

This can be modified by changing content of the following file at the root of the project:

...

I found it best to put it as part of the installation folder, which is by default /opt/datafari.

You can copy the build folder to /opt/datafari/www for exemple:

...

The development server can be configured to be served at any path, the default is the same as the production one, i.e. /datafariui. It can be changed in the file:

...