Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The installation is now finished and you should be able to access DatafariUI from the page hosting it:

...

...

Advanced usage 1: Modifying the id required for the div

Before building the datafariui project, you can edit the src/index.js file. Within it there is this block of code:

...

Change root to the id you want to use for the div and follow the rest of the procedure.

...

Advanced usage 2: The page hosting DatafariUI is a react app or it uses the WebPack runtime

DatafariUI is bootstrapped using create-react-app. The app is using the webpack runtime with the default configuration. If your application does the same, there will be a clash of names and only one application will be able to load on the page at any given time. To fix that, follow the information of this blog post: https://medium.jonasbandi.net/hosting-multiple-react-applications-on-the-same-document-c887df1a1fcd to redefine the name of the webpack runtime for one of the application and you should be good to go.