Rafi articles - 34 total
Choosing the editor for the next decade
I have used lot of editors over the years. For the last 5 years I have been using VSCode. It has been...
Minimal theme for Youtube
I was bored today, so I build this simple Chrome extension that adds minimal theme to youtube to make...
Optimizing pull request for developer happiness
We as developers create a lot of pull requests from building new features to fixing bugs and...
Simple hook to handle featue flags
Let's say you want to enable or disable some features based on users role or some permission that the...
Star background using Houdini CSS
I was playing with Houdini css and built this. It is a worklet that allows you to render stars in the...
Converting GIF to MP4
GIF's are awesome we use them everywhere. But the issue with GIF's are they are usually much larger i...
Implementing custom liquid tags
Liquid tags are awesome dev.to uses some custom liquid tags to embed posts, gist, github repos, twitc...
How do you manage your github notifications?
I primarily use email to manage my Github notifications. I have setup rules for auto labelling in my...
Building GUI for your shell script using zenity
Sometimes the shell scripts that you write asks questions to the user so that they could change the...
Tiny alternative to electron
I wanted to build a small desktop app for my own usage but using electron felt like an overkill...
Markdown like syntax parser
Sometimes you want markdown like syntax but not exact markdown specification. I build a really tiny...
What aliases and scripts do you use?
As developers we use a lot of alias and small scripts to automate boring stuff. Here is my commonly...
Access file system like object
When you write small scripts in nodejs it is sometimes annoying to deal with the file system API....
Clean Email
Built this really simple extension to make gmail look nicer
How do you organise your files in your computer?
Is there any pattern that you follow or do you just dump everything in the desktop?
Creating useEffect in nodejs
React hooks is one of the best parts that I like about react. It would be nice to have something like...
Simple hook to deal with async function calls
For smaller react projects I wanted something simple to deal with asynchronous function calls like fe...
Simple React hook to handle input
When building in react often you have to deal with different inputs like text, number, date... and ea...
Programmers are writers
We as programmers write a lot of code and we read more code than we write. We write drafts first then...
Building simple spreadsheet in React
I recently tried to implement a simple spreadsheet in React with basic support for formulas using +,...
Implementing context menu using react hooks
Sometimes you want to override the browsers default context menu in your react app. You can easily do...
Using javascript proxy
I have recently been digging into proxy in Javascript. I was surprised by what it can do. Proxy...
API request using tagged template literals
I recently came across this awesome video introducing tagged template literals. At the end of the vid...
Poem generation in JS
I recently came across this awesome site https://kingjamesprogramming.tumblr.com It generates posts b...
Top level await in Dev tools
Many times when you are writing code you may want to do a simple fetch request and see the response....
Apply dark theme to your site using prefers-color-scheme
Apply dark/light theme to your website based on users os set theme
Skip links
Make your web app more keyboard friendly by using skip links
Roving focus in react with custom hooks
Making your list more keyboard friendly using roving index with custom hooks