The design of the component created in Figma has lots of details, text colour, background colour, and border colour, + these colour needs to be changed if we hover over the component, or if we keep the element in an active state. Here colour information is actually data, and thus…

You have a parent component, in which you want to keep control of child component’s state, it is possible by replicating the child’s data in parent. By passing a ref from parent component to child component. For ref to work, child component should be wrapped in forwardRef. Main Part Whenever you update the child state, update that ref also at the same time. With this done. You have access to all the child states as it is also saved on the ref.

Docker Desktop would no longer remain a free product for large organizations above a certain size. Larger techs with revenue greater than $10 million would be able to afford Docker Desktop’s $5 per user/month starter pricing. This post does in no way discourages organizations from paying and I believe that…

Use Snippets tab of Chrome browser inspector to run your code instead of console

While developing projects, we may need to take help from other projects hosted on github.com. General procedure involves cloning the repository, because it is not easy to navigate through the files on github.com. https://github.com/conwnet/github1s solves this simple issue of easing navigation through files in browser itself Checkout below repo link https://github1s.com/conwnet/github1s Instead of github.com it is github1s.com

Reviewing pull requests is very important in order to ensure that consistent practice is followed all throughout the code, thus all stakeholders should promote pull request review as an important task Considering a team of 6–7 developers will create 3–10 pull requests in a week it is important that we…

In every frontend code we use a lot of colours in scss. First bit of optimisation is to put all the colour variables in a separate file, so that we can get all the colours used in our project at one place Now second bit is about giving proper names…

I work at Nium where we handle international money transfer, so we have pages where we show clients a list of transactions, and this is where I got a good case to make medium post! See the case — A user does a transaction in India at 2am 20-October, it…

Gist: -> Either return a new value *or* modify the draft A recipe function is used to update the value in immer library, here’s an example const recipe = draft => { draft.cool = true; } const newValue = produce(recipe, {cool: false}) console.log(newValue) // { cool: true } You mutate the draft to create a newValue, returning draft after modifying it…