Skip to content
Une bibliothèque de composants React pour application RHAPI
JavaScript HTML
Branch: master
Clone or download
Latest commit 783af7d Aug 11, 2019

README.md

rhapi-ui-react

NPM JavaScript Style Guide

Les composants de cette bibliothèque sont documentés ici

Installation pour développement et tests sur les exemples

git clone https://github.com/rhapi-project/rhapi-ui-react.git

Pour tester les exemples :

cd rhapi-ui-react/exemples
npm install
npm start

Les composants sont distribués dans le répertoire rhapi-ui-react/dist et leur code source se trouve dans le répertoire rhapi-ui-react/src. Pour activer, à chaque modification, la mise à jour automatique des fichiers dans rhapi-ui-react/dist :

cd rhapi-ui-react
npm install
npm start

Utilisation dans un projet React

Les librairies semantic-ui-react et le client RHAPI sont requis pour ce projet.

A titre d'exemple, nous allons partir sur un projet React créé en utilisant l'outil create-react-app.

create-react-app reactapp
cd reactapp
npm install --save semantic-ui-react
npm install --save semantic-ui-css
npm install --save rhapi-client
npm install --save rhapi-ui-react

Dans le fichier src/App.js de notre projet reactapp nous allons utiliser les composants rhapi-ui-react.

import React from 'react';
import { Client } from "rhapi-client";
import { CCAM } from "rhapi-ui-react";
import "semantic-ui-css/semantic.css";

// Instanciation du client RHAPI sans authentification
const client = new Client("https://demo.rhapi.net/demo01");

class App extends React.Component {
  render() {
    return (
      <React.Fragment>
        <CCAM.Search
          client={client}
          onLoadActes={results => console.log(results)}
        />
      </React.Fragment>
    );
  }
}

export default App;

Cet exemple montre une utilisation simple du composant CCAM.Search pour la recherche d'une acte en CCAM.

Voir plus d'exemples d'utilisation rhapi-ui-react/exemples.

License

MIT ©

You can’t perform that action at this time.