Skip to main content

Using the Locus Library

React Library​

In this example, we demonstrate how to install the Locus library and use its functions.

1. Create Project​

Create project in the terminal as follows.

npx create-react-app locuschain-example-locuschainlib --template typescript

2. Install Locus library​

Install Locus library in the terminal as follows.

npm i locuschain-lib

3. Edit App.tsx​

Update App.tsx file with the following content.

// @ts-nocheck
import React, { useEffect, useState } from 'react';
import { LocusLib } from 'locuschain-lib';

function App() {
  const [versionInfo, setVersionInfo] = useState<string>()
  const [error, setError] = useState<string>()
  useEffect(() => {
    LocusLib.GetLibraryVersions()
    .then(res => {
      setVersionInfo(JSON.stringify(res))
    })
    .catch(e => {
      setError(e.message)
    })
  }, [])

  return <>
    <div>versionInfo: {`${versionInfo}`}</div>
    {error && <div style={{color: 'red'}}>{`${error}`}</div>}
  </>
}

export default App;

All functions of the Locus library are asynchronous. They return a 'Promise', so use 'await' or 'then'.

info

The list of available functions can be found here

4. Run​

Run the project in the terminal as follows.

npm run start