July is on its way out, officially taking us into the second part of 2021. If you're interested in testing whether any characteristics of your application have changed, check out "Snapshot Testing for Frontends" by Viduni Wickramarachchi on Bits and pieces.
E-commerce has evolved once again. Maybe you are already familiar with the Jamstack and headless commerce. But there is a new addition to modern web development architecture. Composable commerce. Craziest thing? You might already be using it without knowing. So with no further ado, let's see how this new paradigm wants to push the limits of headless e-commerce.
Authored by: Snipcart
Pre-render websites (Server-side rendering) are better for SEO, search engine crawling and social media sharing compared to client-side rendering. In this tutorial, we will explore Next.js to develop a pre-render website using Static Generation feature. We will use an external API from MeCallAPI.com.
Authored by: Karn Yong
We, as users, are consuming (and producing) more content than ever, Cisco predicts that "global Internet traffic in 2021 will be equivalent to 127 times the volume of the entire global Internet in 2005. Globally, Internet traffic will reach 30 GB per capita by 2021, up from 10 GB per capita in 2016."
Authored by: Sn. Dev. M A
"Any fool can write code that a computer can understand. Good programmers write code that humans can understand." - Martin Fowler In the late 1960s, there was a field study, conducted by a Stanford University psychologist named Philip Zimbardo. He abandoned a car without a license plate in a poor, crime-ridden section of New York City.
Authored by: Smashing Magazine
With Webpack's module federation, choose what you expose from your micro frontends Micro frontends are applications that are standalone, independently deployed, having their own development cycle still coming together for the greater good. In case you want to read more on what are micro frontends. I recommend giving this a read.
Authored by: Ayush Verma
Authored by: MA-NO WebDesign&Dev
Authored by: Ben Nadel
Authored by: Dmitri Pavlutin
Authored by: Trung Anh Dang
The keyword can be used for accessing properties and functions on an object's parent. Previously, accessing a super property (like super.x) was implemented via a runtime call. Starting from V8 v9.0, we reuse the inline cache (IC) system in non-optimized code and generate the proper optimized code for super property access, without having to jump to the runtime.
Authored by: Sn. Dev. M A
If you belong to a programming background, you might have come across "this" keyword, multiple times. Every programming language that exists usually contains the concept of "this", especially the modern programming languages. But the catch here is, different programming languages have slight changes in the definitions for the "this" keyword.
Authored by: livecodestream
A monorepo is a single repository that is used to manage multiple projects. In this blog post, we'll explore how to set up a simple monorepo for two npm packages. All we need is already built into npm and TypeScript.
Authored by: Axel Rauschmayer
Create an angular project with routing. ng new header-title - - routing Create components. Here I'm creating bare minimum component files with inline styles and templates.
Authored by: Rucha Deshpande
React context is an essential tool for every React developer to know. I lets you easily share state in your applications. In this comprehensive guide, we will cover what React context is, how to use it, when and when not to use context, and lots more. Even if you've never
Authored by: freeCodeCamp.org
In this tutorial, I want to show you how to use React Table Library with double click on a row. In the previous example, you have already installed React Table Library to create a table component.
Authored by: Robin Wieruch
Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let's take a closer look at the accessible use of framework features, concrete Vue.js traits, as well as community initiatives and vetted patterns.
Authored by: Smashing Magazine
Rate Limiting is one of the most important features which should be implemented in every web application. There are a lot of variations in the case of rate-limiting such as - IP based rate limiting - preventing Denial of Service attacks Account specific rate-limiting - protection against brute force attacks In this demo, we will implement a basic rate-limiting mechanism that will lock the user's account for X duration after Y consecutive invalid attempts.
With the increasing need to scale up business operations, Node.js has been trending recently. Ever since it came into existence, it has been seen as the ideal choice for web app development. While...
How to modify the data passed from the server through props to Next.js React application when running end-to-end tests. Let's take a Next.js example application that passes data from the server to the client-side through props. You can find my example in the repo bahmutov/next-state-overwrite-example.
Authored by: Gleb Bahmutov
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.
Authored by: Bit
Authored by: John Papa