Dec 27, 2021Everything you want to know about z-indexEvery web developer would have faced a scenario where even after specifying a higher z-index value on an element, it will not show up at the front in the UI. You would have been puzzled, “Why is my z-index not working?”. The short answer is “Stacking context”. You can bring…CSS8 min read
Sep 28, 2021Create wonders with advanced TypeScript typesNo one wants to break their head on a Friday evening with a production bug that says cannot read property of undefined. TypeScript is like the buddy next door that saves us from all these troubles. Like any other tool, one has to use it effectively to reap the real…Typescript9 min read
Aug 15, 2021Fix “Cannot perform a React state update on an unmounted component” warningEvery React developer would have experienced the following error when working with React. It happens if one performs a state update (call setState) on a component that has been unmounted. React warns us that this causes memory leaks. …React5 min read
Jun 6, 2021Deep dive into enums, const assertions and union typesTypescript is a useful value addition to the JavaScript world. JavaScript can produce unexpected bugs at runtime because of the flexibility it offers. Typescript helps to catch these bugs at an early stage and save us from such headaches. Introducing this additional complexity with static typing does have enormous benefits…Typescript10 min read
May 17, 2021Clean pattern for handling roles and permissions in large-scale React apps5854Iskander SamatovNice approach and clear explanation!Nice approach and clear explanation! One small correction. The wrong code snippet is attached for RenderErrorClient.js1 min readNice approach and clear explanation! One small correction. The wrong code snippet is attached for RenderErrorClient.js----
May 2, 2021Best practices for building accessible React appsIn recent years many companies have started giving importance to building accessible apps. Open-source libraries like Headless UI are gaining a lot of popularity for their accessibility support. In this blog, I will explain the aesthetics of design, a brief introduction about Accessibility and its necessity before diving into the…Accessibility7 min read
Apr 6, 2021Migrating Angular JS app to ReactWe often have to deal with legacy code at some point. In my organization, we have an app that uses the AngularJS framework and is not touched for quite some years. Recently, we were tasked to add a new feature to that app. The app had quite a lot of…React4 min read
Mar 7, 2021Writing tests with confidence — React, GraphQL, Typescript and MSWWhile writing tests, it is often necessary to ensure that tests we write depict the actual user interaction. That is, what the user sees and how he/she interacts with it rather than testing implementation details. …React4 min read
