List of softwares I use daily for building front end in 2021

Photo by Mikaela Shannon on Unsplash

The time has gone when the front end actually meant — HTML & CSS. A developer has to think about app design, prototyping, brainstorming sessions, lots of sticky notes, and what not…

To manage all the hard work, here is the list of softwares I use on a daily basis to go with my front end tasks —

🧩 Prototyping or Flow diagrams

For making a rough prototype or mockup, I use Adobe XD. Though, I am not a pro at XD but I know how to get my things done on it.

But recently, I got to know about an online tool — ExcaliDraw

Photo by Nick Karvounis on Unsplash

“ I use pixel units in my css. Everything works great. I begin to make my project responsive. So, I start reducing each of the pixel values using media queries. It’s a lot of work. I get headache all over my body….Dead! “

If you still use px in css, it’s the right time to switch to relative units like %, em, rem, vw, vh etc. In this article, we are going to talk about rem as it is perfect for creating scalable layouts. It will change your responsive game. Follow this article to know how.

What is rem?

REM is a unit…

Dispatch an action instead of using componentDidMount()

Photo by Maxim Ilyahov on Unsplash

Making API calls and fetching data in a React-Redux app can be confusing when you are new to Redux. During my initial days of reduxing, I used to make my initial data fetch request in my root component’s componentDidMount() method. As soon as I receive the data, I dispatch an action from my root component so that the data get stored in the redux store.

It’s a very bad way of storing some initial data to the store. What if I told you, there is a better and cleaner way of doing this task? Let’s see how.


Photo by Kelly Sikkema on Unsplash

React allows us to break the user interface into logically connected components. Those components when combined make a complete application structure.

But, if you are a beginner in the React world, you will find yourself stuck at how to approach a layout design and break it into react components. Breaking the application into components is the first and the most crucial step in building a react application. A good structure makes your app scalable, maintainable and testable.

In this article, we are going to learn how to —

  1. Break a layout into react components
  2. Convert those components into a component…

Dheeraj Mahra

I’m currently building conversational experiences at Active.Ai, working mostly with React ecosystem. I code side projects and do blogs whenever I get time.

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