Image for post
Image for post
Photo by Chris Montgomery on Unsplash

Since this entire Work from home started, I have been on a search for the best apps that can increase my productivity and improve my workflow.

Here are my top 5 picks.

  1. DemoPro ($1.99)

An essential part of working from home is video conferencing whether it’s on Zoom or Google Hangouts. If you are presenting your screen it’s sometimes hard to get the viewer's attention to a certain part of the screen.

Most of us just start wiggling the cursor around with half of the viewers wondering what is going on with your computer.

DemoPro solves this by making the whole screen into a canvas which lets you draw or highlight any part of the screen. …


20 Encouraging Programming Quotes for Junior Developers
20 Encouraging Programming Quotes for Junior Developers
Photo by Kelly Sikkema on Unsplash

Here is a list of quotes that might inspire you, make you feel good, or make you a better programmer.

“Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.”
John Woods

“Any fool can write code that a computer can understand. Good programmers write code that humans can understand.”
Martin Fowler

“Programs must be written for people to read, and only incidentally for machines to execute.”
Harold Abelson

“I’m not a great programmer. I’m just a good programmer with great habits.”
Kent Beck

“Truth can only be found in one place: the code.”
Robert C. …


Image for post
Image for post

Code reviews are an integral part of any dev team. They are a great source of knowledge for developers at any level to learn from their teammates. They also ensure that only good quality refined code enters the master code base.

But what is an effective way to give good code reviews?

Image for post
Image for post

Here’s are the questions you should be asking while giving your next code review-

  1. DESIGN
  • Does this code belong here or somewhere else?
  • How is this code interacting with other pieces of code?

2. FUNCTIONALITY

  • Will this code be easy to read and use in the future?
  • Does this function as the developer intended? …


Image for post
Image for post

Question- How many event listeners do you need to add in order to listen for a button click?

Image for post
Image for post

Answer- Keep reading if you thought you had to add event listeners to all buttons. You don’t know event delegation yet.

Image for post
Image for post

Event delegation is a technique of adding an event listener to the parent node rather than on the child node. The listener will be called when the event is triggered on the child node due to ‘event bubbling’ up the DOM tree.

Let’s look at an example. Here you have 5 buttons wrapped inside a button- wrapper div.

<div class=”button-wrapper”>
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>…


Image for post
Image for post

Here’s a list of some essential VSCode keyboard shortcuts that will save you at least a few minutes every day.

  • Move line up/down -option + up/down
Image for post
Image for post
  • Jump to Matching Brackets -shift + command + \
Image for post
Image for post
  • Replace next similar word -option + command + f
Image for post
Image for post
  • Copy line up/down -shift + option + Up/Down
Image for post
Image for post
  • Code Fold -command + option + [
    Code Unfold -
    command + option + ]
Image for post
Image for post
  • Select next match -command + d
Image for post
Image for post
  • Deselect next match -command + u
Image for post
Image for post
  • Open and close sidebar -command + b
Image for post
Image for post
  • Add cursor above/below -command + option + up/down
Image for post
Image for post
  • Add multiple cursors -option + mouse click
Image for post
Image for post
  • Delete line -shift + command + k or command +…


Lru cache
Lru cache

Hey everyone, Today we will be solving one of the most asked questions in coding interviews which is to design a data structure for LRU cache.

It should support get and put functionality.

Get — give you the value of the key if it exists in the cache otherwise return -1.

Put — Add the value of the key if it’s not already present.

- When the cache reaches its capacity it should invalidate the least recently used item before adding the new one.

- If you put a key that already exists — replace the value of the key with the new value. …


Google Chrome is the world’s most used web browser and React is the most popular JavaScript framework. So it’s quite obvious you want to make your first chrome extension using React JS.
After going through tons of ‘Build Chrome Extension using React’ articles and ending up with weird errors, I decided to write an article that will offer an easy step-by-step guide through the whole process.

Image for post
Image for post

Setup:

  1. Install create-react-app with: npm install -g create-react-app
  2. Change directory to where you want to create your file
  3. Create a new React app with the command: create-react-app first-react-extension

or

Image for post
Image for post

Getting Started:

Open the newly created file in your favorite IDE. Open the **manifest.json** file inside the public folder. Your file is going to look like this:

{
“short_name”: “React App”,
“name”: “Create React App Sample”,
“icons”: [
{
“src”: “favicon.ico”,
“sizes”: “64x64 32x32 24x24 16x16”,
“type”: “image/x-icon”
}
],
“start_url”: “.”,
“display”: “standalone”,
“theme_color”: “#000000”,
“background_color”: “#ffffff”
}

Change it to:

{
“short_name”: “React App”,
“name”: “First React Extension”,
“manifest_version”: 2,
“browser_action”: {
“default_popup”: “index.html”,
“default_title”: “React Ext”
},
“version”: “1.0” …


Image for post
Image for post

Laptops have stayed pretty much the same since the time they were launched. They have a screen, keyboard and a trackpad mouse attached. But have we ever wondered that apart from when we are typing, the keyboard is just lying there consuming about 40–50% of real estate that could be used for other things.

We faced the same dilemma when the iPhone was launched. The market was ruled by Blackberry, Nokia and Motorola and all of them had most of the front-facing side covered by a keyboard. This thinking was entirely changed with the iPhone. …

About

Sahil Pabby

Software Engineer in NYC, YouTube_simpletechman, IG_@, I write about improving productivity, tips and tricks and share everything else I am learning.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store