Imagine a scenario where you need to build an e-Commerce application using microservices. You may have microservices for Customers, Orders, Products, Shopping carts, etc. The microservices expose APIs to be used by the frontend.
However, the data returned to the frontend by the Microservices may not be formatted or filtered according to the exact way the frontend needs to represent them.
In that case, the frontend needs to have some logic on its own to re-format these data. Having such logic in the frontend will use up more browser resources.
In a situation like this, we can use a BFF…
There are many types of software testing. Among these, one of the unique types of testing methods is Snapshot testing.
Snapshot tests assert that the current output is same as the output before.
The main difference between snapshot testing and functional/unit tests is, snapshot tests never assert the correct behavior of the application functionality but does an output comparison instead.
There are two types of tools that support frontend snapshot testing.
Tailwind CSS is an open-source utility-first CSS framework. It redefines the way you style applications by providing a variety of CSS classes.
Using Tailwind CSS, you can style your applications without a single custom class name or a stylesheet.
Furthermore, I found that it works exceptionally well with mobile applications based on React Native.
So, in this article, I’m going to discuss why Tailwind CSS is the best solution for React Native applications.
There are many Tailwind packages designed explicitly for React Native. …
Proper state management is vital for any React application. And still, Redux is dominating this space.
However, if you use Redux alone, you will feel a gap when using it for asynchronous operations.
And that’s where the Redux middleware comes into play. In this article, I will explore these middleware options in detail to understand their capabilities.
As you all know, state changes in the Redux store are performed by triggering the actions provided by the store.
The middleware that we use will intercept the action. It can also delay the actions if necessary, supporting asynchronous operations. And, once the…
The answer is obvious. It could lead to a severe security breach exposing sensitive data.
Therefore, we need to have safety measures to verify the integrity of these scripts to prevent it from happening. And one of the most popular solutions is Sub Resource Integrity (SRI) in modern browsers.
SRI is a security feature that allows browsers to check the resources they fetch. …
If you have been writing your front-end applications in React for a while, ask yourself this question:
Have I been writing clean React components in a readable and performant manner?
I believe that best practices to write a component may vary based on the application requirement. There are no clear-cut…
With microservices, a backend-for-frontend (aka BFF) is used as an interface for request handling, data manipulation, and formatting, etc. Having a BFF gives many advantages and a few disadvantages as well.
However, in order to achieve the highest potential of this pattern, you should know how to use this pattern correctly. In this article, I’ll focus on dos and don’ts when using the BFF pattern in practice.
Refer this article for more in-depth knowledge about what a BFF is.
Now that you have an idea about what a BFF is and when it should be used, let’s have a look…
With the increasing threats out there, the stability of the authentication mechanism is vital for any application. As a result, today’s standard practice is to integrate an Auth Solution, which is hardened for security.
In this article, I’ll explore five such Auth solutions for React Native. In summary, the Auth solutions I have chosen are as follows.
Let’s have a look at each of these solutions one by one.
As a frontend engineer, Material-UI is my favorite styling option for React Components. Its sleek design and elegance made it stand out from the rest.
That being said, I recently found some interesting facts about Material-UI while using it in practice. In this article, I want to bring those into your light as I found them very interesting.
Pre-requisite: Familiarity with Material-UI basics will be beneficial to fully grasp the content of this article.
Whether you build a website or a mobile application, having a dark mode is crucial for modern applications. …
Have you heard of DOM XSS attacks? For those of you who haven’t,
DOM XSS attacks are where the hacker attack payloads are executed as a result of modifying the DOM environment in the browser.
This makes the client-side code run unexpectedly. Therefore, the vulnerability exists in the client-side code. Attackers make use of instances where they can inject harmful payload into your code to make these attacks possible. This is an injection attack.
DOM XSS injections can happen in various ways. Some of these are as follows.
Elementattributes that accept a URL of the code to…