Introduction

Gavis - A declarative analytics logging library for React

Writing code for analytics logging is so boring and stressful. I wanted not to spend much time on writing codes related to logging but to focus on the application itself. Gavis is an analytics logging library which helps you ..

1. Send logs in declarative ways
2. Get data needed for logging with less code
3. Prevent sending duplicate logs for a single event
4. Testing easily

Overview

// without Gavis
const Page = () => {
  useEffect(() => {
    sendLog({ category: "Post", action: "view" });
  }, [sendLog]);

  return <div>Hello World</div>;
};

Can be rewritten using Gavis :

// with Gavis
const Page = () => {
  return (
    <Gavis category="Post" action="view" logOnMount>
      <div>Hello World</div>
    </Gavis>
  );
};

Features

• Support both declarative/imperative ways to handle various cases
• Log data are reusable across components.
• Automatic deduplication
• Google Analytics compatible
• Support debug mode which visualizes logs

Gavis was inspired by Slack teams' approaches. If you are interested, read the article.