@lubycon/react

Lubycon React

Lubycon React는 루비콘 팀 안에서 범용으로 사용할 수 있는 React 기반의 유용한 유틸리티를 모아놓은 패키지입니다.

Installation

$ yarn add @lubycon/react

Libraries

Logger

Logger 유틸은 Firebase/Google Analytics 통합 버전과 Amplitude를 선택하여 사용할 수 있습니다.

import { logger } from '@lubycon/utils';

logger.init({
  services: {
    firebase: {
      apiKey: '',
      authDomain: '',
      projectId: '',
      storageBucket: '',
      messagingSenderId: '',
      appId: '',
      measurementId: '',
    },
    amplitude: 'AMPLITUDE_APP_KEY',
  },
});

초기화 시 firebase 설정 값이나 amplitude 앱 키를 입력하면 해당하는 서비스의 SDK를 초기화합니다.

이후 logger가 제공하는 메소드를 사용하여 이벤트 로깅을 하시면 됩니다.

const myLogger = logger.getPageLogger('화면 이름');

logger.view(); // 뷰 이벤트
logger.click('click_button'); // 클릭 이벤트
logger.impression('impression_profile'); // 노출 이벤트
logger.event('custom_event_name', 'event_type'); // 커스텀 이벤트 타입