React / TypeScript / Web Development

How to use Storybooks with React?

Tagged , Leave a Comment on How to use Storybooks with React?

There are plenty of tools in react ecosystem which makes the development faster and easier one such tool is the storybook. Let us see how a storybook is used to accelerate the […]

READ MORE

React / Web Development

Deploy a React app to Firebase

Tagged , , Leave a Comment on Deploy a React app to Firebase

In this blog, we are going to discuss how to deploy react js applications for free in a few minutes in firebase. before that let’s discuss what is firebase. What is Firebase […]

READ MORE

React / TypeScript

Writing Effective Unit Tests with React and Enzyme

Tagged , , Leave a Comment on Writing Effective Unit Tests with React and Enzyme

UNIT TESTING is a type of software testing where individual units or components of the software are tested. with this method of testing, both testers and developers can isolate each module, identity, […]

READ MORE

React / TypeScript / Web Development

Make your App Multi-lingual with React i18n Internationalization

Tagged , , Leave a Comment on Make your App Multi-lingual with React i18n Internationalization

Internationalization (i18n) is the process of building applications with local languages and cultural settings. An internationalized product solves the need of the local market with a more appropriate language approach and settings […]

READ MORE

React / TypeScript

Using tableLayout CSS property with TypeScript

Tagged , Leave a Comment on Using tableLayout CSS property with TypeScript

Using table-layout property with React and TypeScript was giving a type error like below: ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx [tsl] ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx(79,25) TS2322: Type ‘{ padding: number; width: string; margin: string; tableLayout: string; […]

READ MORE

React

React – Render String with HTML tags as HTML

Tagged , , Leave a Comment on React – Render String with HTML tags as HTML

There are often times when you have a string with some HTML tags such as strong that you want to render as HTML on the DOM. Most solutions online recommend using dangerouslySetInnerHTML […]

READ MORE

React

React: How to use Apollo with ‘Union Types’ in GraphQL

Tagged Leave a Comment on React: How to use Apollo with ‘Union Types’ in GraphQL

Apollo is one of the most popular React library to work with GraphQL APIs. However they don’t have native support when your APIs contain union types. Let’s look at an example API […]

READ MORE

Spring Boot

Fixing slow Bcrypt and BasicAuthenticationFilter.doFilter

Tagged Leave a Comment on Fixing slow Bcrypt and BasicAuthenticationFilter.doFilter

I recently investigated and fixed a performance issue with user authentication in our Spring Boot based API service. Our users started complaining about random 504s from our service. Looking at our thread […]

READ MORE

CI/CD

Jenkinsfile – Cheat sheet, Examples & References

Tagged Leave a Comment on Jenkinsfile – Cheat sheet, Examples & References

All of these examples were tested with the ‘Multibranch Pipeline’ type jobs. This may not work with other types of jobs in Jenkins. Validate Jenkinsfile for syntax Navigate to the directory which […]

READ MORE

PHP

Vagrant Remote Debugging – Xdebug 3 & IntelliJ or PHPStorm

Tagged , , Leave a Comment on Vagrant Remote Debugging – Xdebug 3 & IntelliJ or PHPStorm

Debugging is one of the most efficient ways to investigate an unexpected behaviour. This post details how to setup a debugger for a PHP application running in a vagrant machine via your […]

READ MORE

Productivity

iTerm2 – Clear scrollback automatically on a schedule

Tagged , Leave a Comment on iTerm2 – Clear scrollback automatically on a schedule

iTerm2 is my default terminal and have been using it for close to 8 years now. It is highly customizable and has API support for hackability. I was using it today to […]

READ MORE