September looks like it will be an excellent month for OpenReplay. Let’s see what we’ve been up to!

To get started, we’ve released version 1.8.0 with the following updates:

• We’ve added new features to the community edition:

  • X-Ray, which lets you visualize up to three timelines simultaneously, each focused on one specific group of issues (like errors, network and performance).

  • Multiple agents can now join Assist calls at once.

  • You can now see past activity when viewing a live session.

• We also made some major improvements, such as:

  • Using VirtualDOM to smooth the playback of large replays.

  • Several updates to our UI to improve the user experience.

  • You can now control the player's progress bar from your keyboard.

And quite a lot of other changes, so check out our release article for more details.

🌏 Community Calls 🌍

On September 2nd, we had our latest live community call with Luca Casonato from Deno as our special guest. He covered how to create fast websites using Deno.

We also shared How OpenReplay can help you sanitize the data you record to protect your user’s privacy.

You can watch the recording here:

🤔 We got some new How-To’s 🤔

We launched our YouTube channel and have been busy uploading how-to tutorials there:

• Getting started with OpenReplay in 3 minutes or less

• Deploying OpenReplay to AWS

• Sanitizing Session Data

Visit our channel and subscribe to be notified whenever we upload new content there as well!

🎧 The Podcast 🎧

Our podcast, “20 Min JS” is available on all major distribution networks.

• Episode 27 - Let's talk about Remix with Chance Strickland

• Episode 26 - Let's talk about JavaScript for SEO with Antonello Zanini

• Episode 25 - Learning UI frameworks with Corbin Crutchley

• Episode 24 - Security in the JavaScript ecosystem with Liran Tal

• Episode 23 - Let's talk about Astro with Chris Bongers

• Episode 22 - Web3 as a JavaScript Developer with Francesco Ciulla

• Episode 21 - An introduction to Fresh with Luca Casonato

• Episode 20 - All about Deno & Deno Deploy with Bartek Iwanczuk

• Episode 19 - Bundling and Compiling JavaScript with Michele Riva

📝 Featured articles 📝

• Next.js vs NuxtJS: a comparison of two powerhouses

• Modern CSS selectors

• Top 6 React state management libraries for 2022

• Four top Front End Monitoring Tools for your Website

And if you’d like to contribute to our increasing number of authors, feel free to reach out to our editor.

Follow us on Twitter, Slack, and YouTube.

We got some interesting news since last time we talked, let’s dive right in!

To get started, we’ve released version 1.7.0 with the following updates:

• We’ve added some highly requested Enterprise functions, especifically:

  • Ability to keep recordings in a Vault

  • Enabled search and export in Audit Trail

  • PDF export in dashboards

• We also did some major improvements, such as:

  • Fully redesigned the replayer page

  • Large recordings are now split for faster time-to-replay

  • Support of auto-complete, sort and pagination for concurrent live sessions.

  • We’ve improved the mouse movement during replays, they now feel a lot more natural.

And quite a lot of other changes, so make sure you check out the release notes.

🌏 Community Calls 🌍

Earlier this month, we had our July community call, where we shared the way we do Data-Driven Design with our Product Designer, Sudheer Salavadi. And our guest speark, Luis Atencio discussed how to build Micro-Frontends with Web Components.

You can watch the recording here:

🤔 We got some new How-To’s 🤔

We got some new integrations ready, read how to use all these frameworks with our tracker:

• Next.js

• Nuxt

• Remix

• Svelte

• Gatsby

And if you’re looking into how to track HTTP requests with Angular, here you have a detailed tutorial on how to intercept and record the data with OpenReplay.

🎧 The Podcast 🎧

Our podcast, “20 Min JS” is available on all major distribution networks.

• Episode 18 - AgnosticUI and what it means to build a component library with Rob Levin

• Episode 17 - React Hooks with Tapas Adhikary

• Episode 16 - JavaScript-controlled Machines with Wassim Chegham

• Episode 15 - Web Components (part 2) with Chris Holt and Rob Eisenberg

• Episode 14 - Web Components with Chris Holt and Rob Eisenberg

• Episode 13 - Scaling React Applications with Morten Barklund

• Episode 12 - Redux Toolkit and State Management in React with Mark Erikson

📝 Featured articles 📝

• React vs Angular: who wins?

• Talk to your app with Alan AI

• Build beautiful UI components with NextUI.

• Interacting with Smart Contracts using Web3

And if you’d like to contribute to our increasing number of authors, feel free to reach out to our editor.

Follow us on Twitter and Slack.

We got some interesting news since last time we talked, let’s dive right in!

To get started, we’ve released version 1.6.0 with the following updates:

• We’ve added the ability to create custom dashboards and share them with your team.

• We’ve added the much requested ability to drag the slider on the timeline for a better debugging experience.

• We improved the data sanitization ability of the Fetch and Axios plugins to ensure your user’s data is always safe.

🌏 Community Calls 🌍

During our call in April we had Mark Volkmann discussing the Reactivity Model of Svelte as well as our own Mehdi Osman discussing why we changed our OpenSource licensing model and our DevOps Rajesh Rajendran showing off our internal back-end architecture.

You can watch the recording here:

We’ll be hosting our May Community call on May 30th (at 6pm CET), where we’ll share more internal news about OpenReplay and we’ll have Lucas Da Costa (Soft. Engineer from Elastic) talking about Application Testing.

🤔 We got some new How-To’s 🤔

👉Learn about all types of issues detected by OpenReplay👈

👉Learn how our OmniSearch feature works and the value it provides👈

🎧 The Podcast 🎧

Our podcast, “20 Min JS” is available on all major distribution networks.

• Episode 6 - Svelte and Contributing to Open-Source with Geoff Rich

• Episode 7 - Metaprogramming in JavaScript with Luis Atencio

• Episode 8 - Data Oriented Programming with Yehonathan Sharvit

• Episode 9 - Front-end testing with Lucas da Costa

• Episode 10 - Accessibility in Web Applications with Graham Ritchie

• Episode 11 - State Machines in the Front-End with David Khourshid

📝 Featured articles 📝

• Building a Mobile App using HTML, CSS, and JavaScript

• Building a Video Chat App with Next.js, 100ms, and TailwindCSS

• Building a Progressive Web App with React 18.

And if you’d like to contribute to our increasing number of authors, feel free to reach out to our editor.

Follow us on Twitter and Discord.

The last few months have been very interesting for us here at OpenReplay, and we wanted to share with you some of the most interesting bits of it!

We’re constantly working with our community on Github to build the product you love. We’ve released version 1.5.4 with the following updates:

• A new Metric type, called Table ready for you inside the Metrics section of the app.

• We’ve also exposed all NPM options on our JS snippet, so you can customize the way you use our tracker whether you’re using the npm package or the snippet.

• We’ve added the ability to annotate and type on your user’s session while using Assist.

• We’ve also improved the UI to better the user experience, we’ve fixed some errors with the funnels and a bunch of other stuff. You can read the full list on our release notes here.

Our fist community call will happen during the week of the 18th this month, so stay tuned for updates!

We’ll have Mark Volkmann discussing Front-end Observability with Svelte.

You won’t want to miss it!

How-To’s with OpenReplay

We’re constantly updating our documentation, but if you’re wondering how to get started with the Assist feature, or use the Fetch plugin, you should check out our Tutorials section:

👉Live Session Replay Through OpenReplay Assist👈

👉Learn how to inspect your user’s requests with the Fetch plugin👈

We published a new podcast!

That’s right, we released the “20 Min JS” podcast on all major distribution networks.

We already have some episodes out, if you’re interested:

1. Episode 1 - Creating communities and the future of JavaScript with
   Chris Bongers

2. Episode 2 - Svelte and SvelteKit with Mark Volkmann

3. Episode 3 - The Jamstack with Brian Rinaldi and Raymond Camden

4. Episode 4 - React State Management with Paige Niedringhaus

5. Episode 5 - Code Quality with Christian Clausen

And we have more episodes lined up so make sure to subscribe so you don’t miss the next one!

We have a very active technical blog

As you probably already know, we have a very active Technical Blog, here are some of the highlights from this month!

• Modern web animations with Gsap and Vue 3.

• Top 6 React state management libraries for 2022.

• 3 React Component Design Patterns You Should Know About.

Remember that we’re also on Medium, Hashnode and Dev.to in case you rather consume your tech content through those platforms.

And if you’d like to contribute to our increasing number of authors, feel free to reach out to our editor.

That’s it for this month’s Roundup newsletter. Follow us on Twitter and Discord.