About

This repository demonstrates how to create a precall experience using the Daily Client SDK for Javascript and Daily React. A good precall experience where users can check their devices and test their network conditions is a great way to proactively tackle any potential in-call issues.

This repo contains two folders: daily-precall-react, a helper library, and daily-precall-starterkit, a precall experience application.

How to install

We recommend you fork this repository, so you can use it as a starting point for your own precall experience.

This repo uses Yarn, Yarn workspaces, and Turborepo. The quickest way to get started is to install Turbo globally on your local machine.

# clone repo (replace url with the location of your fork)
git clone git@github.com:daily-co/daily-precall-react.git

# install Turbo globally (Yarn)
yarn global add turbo
# or for npm users
npm install turbo --global 

# go to root folder
cd daily-precall-react

# install dependencies
yarn install

# run both the app and library
turbo dev 

# build both the app and the library
turbo build

How to use

Once you've followed the installation steps, you can run turbo dev to get the repo up and running. This command will start watching changes in both the app (which you'll find in apps/daily-precall-starterkit) and the library, which is found in packages/daily-precall-react. Any changes you make in either of these packages will be picked up by the other.

The starterkit can be found on http://127.0.0.1:5174/ -- note that the port might change depending on any other processes you have running. You'll always find the URL in your terminal:

For both packages, we use Vite for development and building.

Testing

We've set up automatic tests for the library using Jest and React Testing Library. You can run the tests from the root folder using the following command:

# run all tests
turbo test

# watching tests
turbo test:watch