A plug-and-play hook that will send data about Ethereum contract interactions straight to FullStory

Overview

use-fullstory-web3

Automatically record web3 events into FullStory

NPM JavaScript Style Guide

useFullStoryWeb3 is a plug-and-play hook that will send data about Ethereum contract interactions straight to FullStory. It hooks into the Ethereum Provider JavaScript API (EIP-1193) and records all calls and transactions to the Ethereum blockchain via your dapp. It also stamps users with a hasWeb3 boolean to differentiate users which do or don't have an Ethereum provider installed.

On EIP-1193: https://eips.ethereum.org/EIPS/eip-1193

Install

npm install --save use-fullstory-web3

Usage

All useFullStoryWeb3 needs is your org ID and a Solidity-compiled ABI. The ABI is generally auto-generated by the contract development environment you are using (ie. hardhat, truffle, remix, etc.)

On the ABI: https://docs.soliditylang.org/en/v0.5.3/abi-spec.html

{ useFullStoryWeb3({ orgId: "123", abi }); return
My app
; }; ">
import * as React from "react";
import abi from "./my-abi";

import { useFullStoryWeb3 } from "use-fullstory-web3";

const App = () => {
  useFullStoryWeb3({ orgId: "123", abi });
  return <div>My app</div>;
};

Now, we can answer all sorts of deep Digital Experience questions using FullStory's comprehensive tooling and the data we've collected!

Screen Shot 2021-11-22 at 1 07 32 PM

License

MIT © ralfpopescu

You might also like...
Starter project with full stack BigQuery. Allows to overcome customisation restrictions imposed by pre-built dashboards and control data usage. Deploy your own cloud website hydrated by sample BigQuery data in 15 min without installing any development software.
A React hook to wrap react-query results with fp-ts-remote-data results.

@jvlk/remote-data-query Work with responses from @tanstack/react-query using @jvlk/fp-ts-remote-data and fp-ts. Installing npm npm i @jvlk/remote-data

Resources for use with ember-data for reactive data (re)fetching

ember-data-resources Resources for reactive data fetching with ember-data Compatibility Ember.js v3.25 or above Installation ember install ember-data-

A simple blog- Using React, Router v6, Tailwind, React-hook-form and more packages.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

An example using universal client/server routing and data in React with AWS DynamoDB

react-server-routing-example A simple (no compile) example of how to do universal server/browser rendering, routing and data fetching with React and A

LocateJS predicts your location by analyzing your connection and system data.

LocateJS predicts your location by analyzing your connection and system data.

A unique search bar that filters through data. Built with React, JavaScript, Material UI, Node.js and MySQL

A unique search bar that filters through data. Built with React, JavaScript, Material UI, Node.js and MySQL

The ½ kb state machine hook for React
The ½ kb state machine hook for React

The ½ kb state machine hook for React

 Ultimate Guide to setup React Context API with our custom hook [Typescript]
Ultimate Guide to setup React Context API with our custom hook [Typescript]

Ultimate Guide to setup React Context API with our custom hook [Typescript] To start working on this project simply run the following commands git clo

Owner
Ralf Popescu
Ralf Popescu
Jed Saylor minting dapp is a quick and easy way to connect your smart contract and start minting NFTs.

Welcome to Jed Saylor ?? All the code in these repos was created and explained by Jed Saylor on his course. To find help please visit: ?? Instagram Je

null 1 Nov 26, 2021
Send Email By Mailgun, Node and React

Send Email By Mailgun, Node and React

Bassir Jafarzadeh (Coding Instructor) 15 Sep 25, 2022
Just a simple react iota prototype to send messages to the tangle through a web app

REACT IOTA This is a test project of mine to get familiar with the iota.js library. The WebApp is build with react and let you send messages to the ta

Martin Pagels 7 Sep 14, 2022
A Simple React Review UI For Customers To Send Their Feedback

A Simple React Review UI For Customers To Send Their Feedback

Choco 1 Dec 15, 2021
This Project is a fork of Ethereum Boilerplate and demonstrates how you can build your own NFT Rarity Ranker.

This Project is a fork of Ethereum Boilerplate and demonstrates how you can build your own NFT Rarity Ranker.

null 88 Dec 20, 2022
Ethereum's missing NFT swap library for web3 developers. Written in TypeScript. Powered by 0x.

NFT Swap SDK _The missing NFT swap SDK for Ethereum and EVM compatible chains, powered by the 0x protocol, written in TypeScript for web3 developers.

trader.xyz 191 Dec 25, 2022
Example implementation of how to implement Sign In with Ethereum

Sign in with Ethereum authentication flow A basic example of how to create an authentication flow using Next.js, public key encryption, and an Ethereu

Nader Dabit 88 Jan 4, 2023
Ethereum nft marketplace template using react

ethereum-marketplace-template ⭐️ Star us If this boilerplate helps you build Ethereum dapps faster - please star this project, every star makes us ver

Ethereum Boilerplates 73 Dec 17, 2022
Blockchain-Cryptogram - Decentralized Social Media web app using Ethereum Blockchain

Decentralized Social Media web app using Ethereum Blockchain. Team Details Team

achyut 11 Dec 6, 2022