Insider Advice on Various Topics
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...