Modern web applications are not just about developing core functionalities. We also should pay attention to factors like application performance, development productivity, and efficiency to get the maximum out of our effort.
But, are you aware that you can use Webpack to address some of these challenges?
However, just knowing how Webpack works won’t be enough to get maximum from it. So, let’s see what you can achieve by being an expert in Webpack.
As developers, we always like to see faster feedback while we carry out modifications to the code. Besides, there are various methods we follow.
If you…
Remotion is a recently launched library that allows you to create videos and motion graphics using React. As a web developer, I found it very interesting since it opens a new door to create videos and animations on our own.
However, it’s only been days since Remotion was introduced, and I gave it a try. So in this article, I will put Remotion to the test, revealing some of its core features and walk you through creating a simple video.
When I started working in web development, there were not many options for JavaScript-based frontend frameworks. But things have completely changed, as there are now plenty of choices. Although these frameworks provide some fantastic features, choosing between them has become even more difficult — especially for people who are only starting their web development journey.
In this article, I will compare Angular, React, Vue.js, Svelte, and Preact based on their pros, cons, and past usage statistics.
If we take any application, we need a reliable mechanism to communicate between its components.
For example, in web applications, we need to communicate between browser and server. Sometimes, the server needs to send back messages to the browser. Besides, there are instances where the backend depends on another service that takes a long time to complete.
That’s where APIs, WebSockets, and WebHooks come into play. These methods provide a flawless mechanism to communicate and sync data across different parts of an application.
Although these three methods primarily facilitate communication, there are some significant differences between them. So in this…
Serenade is a specialized software that has the ability to interpret natural speeches into codes. As a web developer, I found it very interesting since we can easily integrate it with IDEs like VS Code, and it supports several languages, including JavaScript and HTML.
However, before using it in practice, we must be well aware of its feasibility. In this article, I will put Seranade to the test by developing a React component.
Setting up Serenade is very straight forward. All you need to do is download the latest version from serenade.ai and install it on your local machine.
As…
Frontend development has become more complex than ever, and you may have noticed that projects are heavily dependent on third-party libraries, frameworks, and even intermediate languages like TypeScript.
Therefore, managing the code base and optimizing development as well as the build process has become crucial. Module bundlers come in very handy in such situations, and that's why we need to have a good understating of them.
This article will discuss five module bundlers you can choose to integrate with your JavaScript projects.
Using images and animations in user interfaces has become a common thing in modern web applications. Although these modern designs are focused on improving your application’s user experience, things can get backfired if those images are not responsive for all devices.
As developers, we must fulfill all these requirements. But most of the time, we are missing out on some small things which can make a huge difference since we are searching for solutions at a higher level.
Choosing between picture
tag and img
tag can be such a tiny decision, but you will be able to improve both user…
As developers, we always push our limits to develop better-performing applications. And most of the time, we use specialized tools and libraries to measure our applications’ performance.
Do you know that JavaScript provides a powerful Performance API that we can use in any JavaScript project?
JavaScript performance API comes with a variety of inbuilt functions like Console.time
, Console.timeEnd
, Performance.now
, Performance.mark
, Performance.measure
, etc.
Each of these functions has its advantages and covers a broader scope. However, in this article, I will be focusing on Performance.mark
and Performance.measure
…
Over the past decade, web and mobile applications have become a part of our day to day lives. Today, we can find many applications solving the same problem. Therefore, it’s clear that the functionality of an app isn’t the only differentiator anymore.
Besides, the overall user experience given by the application plays a significant role in the success of these apps. To fulfill that, we also need better User Interfaces (UI).
As developers, we must ensure the look and feel of the application meets higher standards to attract new users and retain existing ones. …
Cross-origin resource sharing (CORS) is an agreement between web browsers and web servers across origins. This agreement allows servers to decide what resources are allowed to access outside it’s hosted domain/sub-domain and instruct the browsers to follow the rules.
For example, you will encounter CORS if your web application is hosted in myapp.com, and it accesses the API in api.myapp.com from the frontend.
Although there is an importance of having CORS for security purposes, most developers overlook its impact on the application performance.
Whenever you make an HTTP request from the frontend to a different domain, the browser will send…