Skip toΒ content

Do your next code review with Loom

3 mins

Add context to your code reviews by documenting the changes you've made and explaining the what and why of your changes to other engineers with Loom.

Transcript

Show Transcript

Hey, I'm Avanika from the loom engineering team. And I want to show you how I use loom to help me add more context to my code reviews. As I can record a demo of the changes that I've made, as well as explain the what and the why of my changes so that other engineers can get a better understanding of my code.

So here's how I would actually do it. This would be a code review that I'd put up for a bug fix of an issue that was found on our desktop recorders.

Hey team. So there was this issue reported on our desktop app, where users, when they're opening up the menu bar and they have, it's selected to cam only view. Sometimes the menu bar covers over the rectangular bubble, depending on the size of the user's screen. And in these cases, we're not able to see the complete rectangular bubble.

So just to demo that for you now, this is what it currently looks like. So opening up the app here, you can see that I have it selected to camp only, and this is the camera bubble. And you can see that the menu bar is covering over my view of the camera, and I'm not able to see on this area that it's being covered. So I'm going to switch to my branch with my changes and show you the updates that I've made.

So I just switched to my branch with the changes and I'll reopen the desktop app. And now when the camera bubble loads at first, you can see that it will be now behind the menu bar here as it was before. But now if I click on the camera view, you can see that it comes to the top without the user having to move it to a different position. But if I want to go back to the menu bar, I just can click on it. And the menu bar comes to the top of the view and I can go between the two there.

So now I can show you some of the changes that I made within the code here. So first here within the middleware, I am creating a new case where we want to now move the camera to the top. After a user clicks, This is within our menu of our middleware, where now, instead of moving the camera, now we want to move the menu bar on click as well too, so that a user can toggle between the two.

These are some import re repositioning. And so here, a similar middleware function as well. And then if you keep going down through my code, then you can see that within this component here, which is within the camera, we want to make sure that when we click on the camera, we can move the camera to the top, which I've done here within click handler.

And then similarly, I have to make the update in the menu bar. When, whenever I'm clicking on the menu bar, then we can move the menu. Work back to the top on click. Here is just a constant. And then here is the actions for the camera where we want to move the camera on top after click and similarly the action for the menu bar here.

Transcript

More than 21 million people across 200,000 companies choose Loom

My teammates and I love using Loom! It has saved us hundreds of hours by creating informative video tutorials instead of long emails or 1-on-1 trainings with customers.
Erica Goodell

Erica GoodellCustomer Success, Pearson

Loom creates an ongoing visual and audible experience across our business and enables our employees to feel part of a unified culture and company.
Tyson Quick

Tyson QuickCEO, Postclick

My new daily email habit. Begin writing an email. Get to the second paragraph and think 'what a time suck.' Record a Loom instead. Feel like 😎.
Kieran Flanagan

Kieran FlanaganVP of Marketing, HubSpot

Loom amplifies my communication with the team like nothing else has. It's a communication tool that should be in every executive's toolbox.
David Okuinev

David OkuinevCo-CEO, Typeform

My teammates and I love using Loom! It has saved us hundreds of hours by creating informative video tutorials instead of long emails or 1-on-1 trainings with customers.
Erica Goodell

Erica GoodellCustomer Success, Pearson

Loom creates an ongoing visual and audible experience across our business and enables our employees to feel part of a unified culture and company.
Tyson Quick

Tyson QuickCEO, Postclick