Code Reactions ๐๐ฉ
Help us with your contributions or with a โญ on GitHub ๐!
TL;DR
We created a vscode extension to add emoji reactions ๐๐ฉ๐, even with comments, to any line of code of any Git repo! React and see others reactions to any piece of code straight from your IDE, and have them follow the code through changes.
Where did it all start ๐ฆ
I'm part of a team building an analytics tool. In January we decided to do what we called "replatforming" which was almost a complete architectural change of the entirety of our analytics platform ๐ฑ to handle scale. In the middle of changing hundreds of files in tens of repos, we found ourselves wanting to mark code for later deletion, refactor, etc. Cause of that, we were pilling mountains of JIRA tickets that were soon outdated. It was NOT working for us! ๐
So we quickly hacked together an internal IDE extension that allowed us to put a mark (or an emoji ๐) on the code and find them later!
What we found ๐คฏ
After using the extension internally for sometime we found that it allowed us to keep some things alongside our code, that never could be up to now
๐ฎ. So we ended up using it for various reasons, namely:
Giving and receiving feedback for your code. As developers we learn from others, and their reaction to our code either that being a ๐, ๐ or sometimes even a ๐ฉ or a ๐, is invaluable to our progress.
Putting a mark or a note in the code. You are going about your task and suddenly you notice a piece of code that has that
smell
, or justdoesn't look right
, or issuper cool!
. Give it a ๐ฉ or a ๐ or a ๐ and write down a comment if need be!Code quality metrics are very cool as a concept! However once used we all know that they feel a bit neither here nor there. Eg is a code bad if it has high complexity? Maybe, maybe not! I'd like to know what my collaborators thinks of the code, which parts are for a ๐ and which for a ๐ค and which repos and files are the ones that might need a look into cause ๐ฉ has started pilling on.
Building and Spreading the ๐!
We thought other devs out there might want to have something like it, the same way we did so we decided to rewrite it (make the code slightly more decent) and give to the community something that's:
- Open Source ๐ (spread the love!)
- It works in the IDE (we don't want another! tool)
- You can add emojis and comments ๐
- You can see others emojis and comments ๐
- Follows (or leaves) the code as it changes. Meaning that it stays there for as long as the relevant line has not changed - whitespace doesn't count as change - and they get removed from the line when it's changed ๐ฅ
So we went ahead and build just that! (vscode only for the time being, Intellij is in the works)
Get extension โ
Features ๐ฅ
This is the first version, so it supports limited amount of emojis for now, and it has only a few features. We are super excited to have the community shape the tool and decide on the new features by contributing on GitHub!
- Different ways to see reactions and add yours (status bar, inline decoration, annotations, reactions feed panel)
- Notifications on new reactions (either on the repo or specifically on your lines)
- We didn't want to bloat the IDE, so we created a lightweight website for all the views we didn't feel belonged in the IDE (ie cross-repo data) so you are able to get information for all your projects.
Future ๐
We are super excited to have your input on GitHub to help us shape the future of this extension with what the community wants and needs out of this tool!
AdadotTeam / vscode-reactions
Add and see other's reactions to your code!
Code Reactions โ Emoji reactions for any Git repo
Add emoji reactions, even with comments, to any Git repo! React and see others reactions to any piece of code straight from your IDE.
Code Reactions is an open-source extension for Visual Studio Code, made by our team at Adadot with a mind to give back to the community.
You saw some nice piece of code? Now you can add a ๐, or maybe even a ๐ and spread the love.
It seems like there might be a bug there? Give it a ๐ with a comment on your finding
and come back to fix it when you get the chance.
This code feels like it has quite a smell... You think it might justify a ๐ฉ? Leave it there
and bring the team around to help you scoop all of these.
We give you the ability to react to anyโฆ
Top comments (14)
I like it! Thanks Alex.
This is really cool! Will add this in my toolkit.
Great to hear you like it!
Great article!
Thank you for sharing!
We are blushing!
I'll check it after take a nap!
sweet dreams!
Looks cool!
Would be great to use it!
We appreciate the love!
Love this! Excited to try it out
Thank you Jack!
This sounds fun, definitely will look to it
Let us know what you think
Love the idea! Great job for improvement of codes through collaborative work. Thanks for sharing with the community. Can't wait to try it:)