If you are someone who thinks data protection doesn't affect you, then you should keep reading further.

I used to believe myself that my data is secure as i don’t share it with other people.

But my perspective changed after this incident.

Incident

I used to order a lot online since…


A simple and elegant solution to protect your routes using roles

Use Case

If your application has different roles and have different sections that need to be protected and accessed only when logged in with that role.

Implementation

  • Lets create a custom route component which will check for routes
import…

Are you struggling to reflect changes done by mutations in your component state.

We will try adding a new TODO and 2 different ways to achieve this

  • Call refetch function
  • use refetchQueries with effects

Refetch

You can use Refetch function exposed by UseQuery hook to get latest todo list in your…


Who is the audience?

Anyone struggling with React applications component hell and prop drilling will find this article helpful.

What you should know beforehand?

Should be familiar with React and Redux or Ngrx if you come from an angular background.

What is the Problem?

There are lots of problems with…


React applications are fast and are loved for their performance. But the transition between components or even change of states can be jittery.

The software that has animated transitions always feel more rich and premium.

You can become a pro in just minutes.

Use AOS (Animation on scroll) Link library with small footprint.

You can install aos by npm

npm i aos

Lets try to add animation to a form. Add data-aos attributes to control transitions.

<Formdata-aos="zoom-in"data-aos-easing="linear"data-aos-duration="500"className="question">That's it you are done , now your form should zoom in with animation. Making transitions smoother and make your feel like a pro.Happy CodingFollow for more such quick tips to help your code better. 

Recently I was working on connecting my Heroku application to go daddy and ended up having issues with traffic that didn't include www. prefix

The application timed out and it was embarrassing to the least.

It quite simple actually. Go to subdomain redirect section.

So just add a sub domain redirection from abc.com to www.abc.com. You can replace abc with your domain name.

That’s it now abc.com will point to www.abc.com. which means abc.com and www.abc.com will be same.


Recently I came across a requirement which needed me to share my webpage to Facebook.

I was amazed to see that Single page applications cannot share correctly because the Facebook crawlers don't wait until JavaScript updates the meta tags.

What were my choices?

  • Pr-render my application which is expensive …


I believe most of the angular developers out there have ended up working on reactive forms. I know these forms can get even complex when in an enterprise application

This is little hack that will save hours of debugging time for you and also for others on your team. …

mohit thakur

simplicity is essence of my design

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