Insider Advice on Various Topics

  • P1

Micro Frontend Architecture

Before diving into the micro front-end technology, we must know what is microservices architecture as micro-frontend concept is vaguely inspired by, and named after, microservices. According to the official docs, Microservices — also known as the microservice architecture — is an architectural style that structures an application as a ...

May 25th, 2022|
  • P2

An Introduction to the Quasar Framework

If you are a React developer and want to start with Vue, then before continuing, please read my previous article. In this article, I will try to introduce the readers to a new Vue-based framework named Quasar. What Quasar’s official docs say is this: “Build high-performance VueJS user interfaces in record ...

December 16th, 2020|
  • P32

How to Load Third-Party Scripts Dynamically In React

While developing React applications, we, at times, have to rely on third-party libraries. These libraries are mostly available through npm packages, but sometimes it requires a script tag being placed in the <head></head> or <body></body> of our HTML content. For libraries that are to be used globally across the site, placing these in our main <head></head> is absolutely ...

July 6th, 2020|
  • P4

How to Inject HTML into React Using IFrame

In this article, I’ll explain how you can inject HTML into a React component without using dangerouslySetInnerHTML it as it’s not safe to use. It can cause cross-site scripting (XSS) attacks. React documentation says: dangerouslySetInnerHTML is React’s replacement for using innerHTML in the browser DOM. In general, setting HTML from code is ...

June 25th, 2020|
  • P5

How to Convert Redux to Use React Hooks

In this article, I will try to explain how you can use Redux with React Hooks. React Redux gave support for Hooks in version 7.1 which was released on the 11th of June, 2019. It means that you can use Redux with Hooks in your functional component instead of using connect higher-order components (HOC). What Are ...

March 1st, 2020|
  • P6

How to Use React Hooks With the GraphQL API

What Are Hooks? Hooks are the functions that let you get to “state” without using a class component. Rather than considering which lifecycle methods to use, you would now be able to write components thinking about how and when your data should be used. React Hooks were introduced ...

February 5th, 2020|