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. …
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
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. …
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. …
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
await or anything similar will not work. …
I hope you could find at least some of the memes relatable. But hey, aren’t they chucklesome?
Laugh out loud and code intensely :)
export keyword and imports are defined using
While the basics of imports and exports are simple to understand, there are many other ways to work with ES Modules. In this article, we’ll go over all of the ways in which you can export and import within your modules.
We’ll be looking into three types of exports:
Every module has a single default export, which represents the main value that is exported from that module. …