Regular expressions are sequences of characters that are used to match a certain pattern in a String. Most of the programming languages provide options to handle regular expressions or commonly called RegEx. It is generally used for finding a part of a string or to validate the string input. In real-time, they are used in search engines, finding or finding and replacing a pattern in word processors or in text editors.
Many times we find ourselves in Regex 101 or RegExr trying to find the right RegEx to match the pattern that is required. …
End-to-end tests, as the name suggests are designed to test any application from one end to another — be it top to bottom or start to finish. One might wonder why writing end-to-end test cases for any web application is even needed. Often times we only test several components in an application and not the entire flow to replicate how the user uses the application. If there’s any failure in any subsystem then it could potentially cause the entire application to break. This is a major risk and it’s always best to have end-to-end testing to avoid this.
End to end testing basically is for the following…
If you’re an enthusiastic developer who loves building React applications, then GitHub pages could be your best bet for hosting them. All you have to do is follow a few simple steps and you can host as many apps as you’d like straight from your repository. Sounds exciting? Read away!
GitHub Pages is a static site hosting service that takes files straight from a repository on GitHub and publishes a website. We can optionally run the files through a build process if needed. Here are the steps that you need to follow to deploy your React App:
Make sure you store your project files in a repository in GitHub. It can either be a private or public repository. …
In the beginning of my career, every time I worked with JavaScript I’ve always been skeptical about if the way I write my code was right. Because, in any programming language there’s no one right way of getting things to work. Nevertheless, one must always remember the things that are not supposed to be done. So, here’s a curated list of things that should not be done in JavaScript that I would like to share.
var
Always use let
or const
when you’re trying to declare a variable. If you have a variable that does not require a change then it’s always best to use const
. You can ask, why should we not use var
? It’s because ES6 has given us let
that provides us with block scope that would avoid a lot of problems that would occur when using var
— which is function scoped. …
REST has been used by many developers to send data over HTTP whereas GraphQL is typically presented as a technology to replace the legacy of REST APIs. In this article, I’ll be explaining the benefits, limitations, and differences between these two, which will help you decide what to chose for your next project.
REST(Representational state transfer) is an API design architecture that’s used to implement web services by using a predefined set of stateless operations (including GET
, POST
, PUT
, and DELETE
).
The core idea of REST is that you would retrieve a resource by putting through a request to the resource’s URL and get a response (usually JSON, but it depends on the API). …
Ever since work from home began, my productivity has had its ups and lows until I found the right way to do it. Since then, it has been at a constant high. During the initial days, all of us must have had mixed feelings. I first thought it would be fun for a while to wake up five minutes before the first meeting and spend all day in pajamas. And I thought avoiding traffic and travel was the best thing that could ever happen to me.
But later on, when burnout kicked me pretty hard, I decided to not let it get to me. I thought it was just me, but later on, when I’d talked to my colleagues who live with their parents or the ones that have kids at home or a noisy neighbor who loves to yell all the time, I realized what the real deal was. Also, being prone to get distracted or to procrastinate has also become extremely common as we are all at home in our own space. We’re the master of our time now as there’s no one around us that we’re scared will judge us. …
Being a developer, it is essential to worry about the performance of the application that we build. Memory management is one of the major factors that affects the performance of an application. Many a time JavaScript developers tend to not consciously think about memory management because JavaScript automatically allocates memory space when an object is created and collects them later as garbage when they’re not used. These behind the scenes behaviour of garbage collection in JavaScript could cause a lot of confusion. Read further to understand this better.
There are three steps involved in the memory life cycle of almost all programming…
Most of the Web Developers use Chrome for their development. According to Wikipedia about 65% of the world population seem to use Chrome, this is one of the reasons why developers choose Chrome to test an application built by them. So if you’re a developer who uses Chrome a lot, here’s a bunch of Chrome extensions that would make your life a lot easier.
Colorzilla basically provides a color picker widget along with a lot of other features. It has a gradient generator, webpage code analyser, and everything you’d need to deal with colors in your webpage. …
Since 2015, JavaScript has been receiving constant yearly updates with new features being added. Though ES2021/ES12 will be released next year, we can already have a look at what’s to come since many features already reached Stage 4(Finished) specification and will be included in the specification. In this article, I will discuss the features that have already reached stage four and are added to the Google Chrome V8 engine.
String.prototype.replace
is an existing method that allows us to replace a pattern in a string with something else. One thing to remember in this method is that, when we replace a pattern, only the first occurrence of that pattern in the string would be replaced. …
In React, we use setState()
to update the state of any component. Now setState()
does not immediately mutate this state, rather it creates a pending state transition. Accessing the state immediately after calling setState()
returns the existing value and not the updated one. As beginners in React, I’m sure most of us would have often faced this problem.
There is no guarantee of synchronous operation on setState()
and calls may be batched for performance gains. It is easy to forget that the setState()
is asynchronous, making it tricky for us to debug issues in your code. The setState()
also does not return a Promise. Using async
/await
or anything similar will not work. …
About