react-app

Ampli Browser SDK (2.0)

An example React app using the Ampli Browser SDK V2. Based on create-react-app.

Usage

Setup the project

You will need to do the following before running the app.

1. Create a .env with your API keys
   1. cp .env.example .env
   2. Set your Amplitude API key
   3. (Optional) To use Segment plugin set a Segment write key
2. yarn install

Run the app

You can run the app using the events from our sample tracking plan. This will log events to your Amplitude project.

• yarn start

Pull your Ampli SDK

If you want to use your own tracking plan and Ampli SDK

1. npm i -g @amplitude/ampli
2. ampli pull
3. Update app.js to use the events from your tracking plan

Project structure

• README.md - you are here *
• • src/
• App.js - Example user app using Ampli SDK. A good place to start.
• ampli/
  • index.js - Generated SDK, don't modify by hand. Update with ampli pull
  • schema.json - The full event schema for the tracking plan