This May, we made a number of changes to our website and documentation:

- [Changelog](#changelog): New weekly changelog on our website.
- [Events](#events): Learn more about your users and their activities.
- [Better analytics](#better-analytics): Improved insights into billing and
  usage.
- [New onboarding](#new-onboarding): Start your project from within the
  dashboard.
- [Improved API reference](#improved-api-reference): New components and lots
  more information.

## Changelog [#changelog]

We’ve introduced a new [Changelog](/changelog) section to our website, where
we’ll be posting detailed weekly updates on everything we’ve shipped in the past
week.

<UniversalLink href="/changelog">
  <Figure highlight={false}>
    <Image
      src="/images/blog/whats-new-in-liveblocks-may-24/changelog.png"
      alt="New changelog"
      width={1200}
      height={630}
      quality={95}
    />
  </Figure>
</UniversalLink>

We’ve already posted three weeks of changes, and we’ll sum up each month’s
changelogs in a blog post, like this one.

## Events [#events]

Events are now visible in the dashboard, giving you detailed information on your
users, for example when they connect, and where they are. A number of filters
are available, such as date range, event type, user ID, and more.

<Figure>
  <figcaption className="sr-only">A demo of the new Events page.</figcaption>
  <video autoPlay loop muted playsInline>
    <source
      src="/images/blog/whats-new-in-liveblocks-may-24/events.mp4"
      type="video/mp4"
    />
  </video>
</Figure>

To find your events, open the [dashboard](/dashboard), select a project, and
click “Events” in the navigation menu.

## Better analytics [#better-analytics]

We’ve added new analytics to the project overview page, giving better insights
into active users and rooms, along with information on your product usage.

<Figure highlight={false}>
  <Image
    src="/images/blog/whats-new-in-liveblocks-may-24/analytics.png"
    alt="New analytics on the dashboard index page"
    width={2400}
    height={1260}
    quality={95}
  />
</Figure>

To the find the new analytics, open the [dashboard](/dashboard) and select a
project.

## New onboarding [#new-onboarding]

We’ve created a new onboarding flow for new users, to help get everyone started
more quickly.

<Figure highlight={false}>
  <Image
    src="/images/blog/whats-new-in-liveblocks-may-24/onboarding.png"
    alt="New analytics on the dashboard index page"
    width={2445}
    height={1998}
    quality={95}
  />
</Figure>

As part of this improvement, we’ve also incorporated our quickstart section into
the dashboard, meaning you can get started without leaving your project.

<Figure>
  <figcaption className="sr-only">
    Quickstart section in the dashboard.
  </figcaption>
  <video autoPlay loop muted playsInline>
    <source
      src="/images/blog/whats-new-in-liveblocks-may-24/quickstart.mp4"
      type="video/mp4"
    />
  </video>
</Figure>

See confetti as soon as the project detects an initial WebSocket connection!

## Improved API reference [#improved-api-reference]

We’ve completely rewritten the
[`@liveblocks/client`](/docs/api-reference/liveblocks-client) API reference
page, filling it with a wealth of knowledge. We’ve also created new components
for detailing arguments, and more, adding lots more information.

<UniversalLink href="/docs/api-reference/liveblocks-client">
  <Figure highlight={false}>
    <Image
      src="/images/blog/whats-new-in-liveblocks-may-24/api-reference.png"
      alt="New API reference"
      width={1200}
      height={630}
      quality={87}
    />
  </Figure>
</UniversalLink>

### You might not know

Here’s some interesting
[`@liveblocks/client`](/docs/api-reference/liveblocks-client) features you may
not be aware of:

- You can
  [automatically disconnect users when they’re unfocused](/docs/api-reference/liveblocks-client#createClientBackgroundKeepAliveTimeout),
  and specify how long to wait before this occurs. They’ll reconnect on focus.
- You can
  [convert a comment’s body into HTML and markdown](/docs/api-reference/liveblocks-client#stringify-comment-body),
  ideal for sending notifications about threads, or rendering comments manually.
- You can
  [have your realtime application update up to 60 times per second](/docs/api-reference/liveblocks-client#createClientThrottle)
  by modifying the throttle rate.

## More information

This post is a summary of May’s changes, make sure to read our
[Changelog](/changelog) to learn about every change we’ve made, no matter how
minor.

## Contributors

<Contributors
  gitHubUsernames={[
    "ctnicholas",
    "stevenfabre",
    "pierrelevaillant",
    "ofoucherot",
    "flowflorent",
    "guillaumesalles",
    "nvie",
  ]}
/>