Daniel Bellmas articles - 33 total
Configure Your Terminal With Shortcut keys
I couldn't delete a whole line with my regular shortcut: Cmd + Backspace. To enable those kind of...
Music Trick For Mac Users
For mac users, the pain of pressing the play button and accidentally triggering the apple music app...
'return await' in a try/catch
This might sound weird to you, the first thing that comes to mind is: 'Eslint will tell me to remove...
KillNode Script For React Apps
TL;DR This is a script to delete a running node process, if one...
Spread Multiple Props With This Syntax
In React, when working with components, you might encounter scenarios where you want to conditionally...
Prefix Unused Variables With Underscore
We're always on the lookout for clever ways to make our code more readable and maintainable. Today,...
Dependent Function Arguments With TypeScript
Typescript is an excellent tool for making sure we have fewer bugs by having the IDE complete our...
5 Preferences Tweaks For A New Mac
1. Screenshot Shortcut The default when taking a screenshot is to save it, but most often...
Preload Fonts in Storybook
Click here to see how to Preload Fonts To make it work in Storybook, all we need to do is...
Preload Fonts
Usually, fonts are either downloaded from a third-party source, such as Google Fonts, or from a file...
React Typescript Snippets
If you too are tired of typing the same code when creating a new component in react than VS Code...
Return Type That Is Dependent On Argument's Type
In this example, the return type of a hook depends on whether the argument is passed. So here we...
React Key - Not Only In map
Skip to the unique use cases of key 🦅 What is the key prop? 🗝 The key prop is...
I used useLayoutEffect
Yes yes…I used this misunderstood hook. Let’s simplify. The difference between...
Productivity Boost with Cmd+. / Ctrl+.
The light bulb icon 💡 means that VS Code found a possibility to refactor the code. It can be accessed...
react-dnd: Dragging Over An Element Without Triggering Hover State
This is an answer to a react-dnd v17 bug. It's still a bug even though it's marked as closed in...
Dependent Props In React Typescript
A dependent prop is a prop that should only be set when another prop has a specific value. In the...
Good Morning Slack Bot 🤖
TL;DR I made a slack app that says Good Morning with a random emoji and gif at a random time after 8...
My Current GitHub Profile
danielbellmas / danielbellmas ...
Decode a Legacy Website
If you ever needed to scrap a legacy(old) site in Hebrew you probably got a lot of these:...
Real Life Example - Recursive Components
Following my last article about displaying comments a recursive way, where we turned a flat array...
Why Is It So Important To Go To Meetups
Someone asked me: "why do you go to so many meetups?" Despite what you think, it's not because of...
Why I HAD To Scrape The Web For Some Data
Show me the conclusions IDC It all started on a cold night.....JK 😉 It all started when I decided...
Build A Tree Array From A Flat Array - Recursion
I got an assignment to display comments in a recursive way, something like so: The data I got from...
The 3 Plugins You'll Ever Need For Your Terminal
Maximizing the tools you are already using (or adding new ones) is all we're about! 🚀 Before we...
The Power Of reduce() - Sequentially Queue Promises
Yes reduce, the almighty, feared among the mortals... But in all seriousness, a lot of new and...
Real Life Example - UseImperativeHandle
1. Wait wait...what is it? useImperativeHandle allows us to pass values and functions from...
What is your best soft skill?
Reply with a long childhood story or a short meme! there are no rules here!🦾 👇🏼👇🏼👇🏼
useStorage-Custom Hook in Next.js
If you're using Next.js you know that it doesn't get along with localStorage (or any storage for that...
My Favorite YouTubers
For me, the best way to expose myself to new technologies and concepts is through videos, 'cause...