React Hooks have been around for some time now. And although I love it. There are few areas that need a little workaround when working with hooks. You can create your own react hooks, suitable for your use cases. A couple of custom react hooks, that I’ve been using to make my coding experience better are explained here.

Image for post
Image for post

useListenerState()

Problem
When you create a state variable and its setter function with useState() and use them inside event listeners. You will see that the event listener function never gets the latest value of the state variable. …


I am a React Developer, I have always loved React and it has always been my goto library for web as well as mobile (React Native) development; among other frameworks/libraries. Recently, I got the opportunity to learn Next.js and I must say, the Future of React is in Next.js.

So, What is nextJS?
Next.js is a React Framework, with server side rendering capabilities and also all the other features you need for production.
Without little or no any configuration.

Image for post
Image for post

Server-Side Rendering VS Client-Side Rendering

In, our traditional React application, what happens is the browser downloads a minimal HTML page, and the rest of the content is filled using javascript. This is termed as client-side rendering. However, in server-side rendering the contents of the webpage, i.e HTML is generated on the server, and the whole HTML page is downloaded and displayed. …


Image for post
Image for post

In this article, we will build a GO server from scratch with firebase authentication. However, explanation of creating a REST API and endpoints in GO will be brief and the following points will be much more focused on:

- Configure Firebase Admin SDK and Firebase Auth in GO.

- Use Firebase Auth to validate your REST API requests.

GO not installed?
Please refer to the installation instructions provided in the official GO docs.

New to GO?
Please refer to the five-part article series on Getting Started with GOlang”.

Create REST API server in GO

Firstly, create your project directory gofirebase and initialize go mod inside your project directory. …


This article will show how to use OpenSeadragon in a React project, and implement a basic viewer for high-resolution zoomable images. For the demo, we will use the image sources provided by openslide.org.

OpenSeadragon is an open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript, for desktop and mobile.

Image for post
Image for post

Create a React App

First, we need a react application. So let’s create one with create-react-app :

npx create-react-app openseadragon-demo

After a new project is initiated, we get into the project directory and start the react servers.

cd openseadragon-demo
yarn start // if you are using npm: npm start

If the server is successfully running, we will see a boilerplate react page hosted on localhost:3000. …


This article aims at showing how to configure cloud DNS to use a custom domain, with your deployed apps.

Image for post
Image for post
GCP Cloud DNS

Prerequisite

We need a domain if you already have one, excellent!
If you do not, then you can get a free available domain from, freenom.
I have got my free domain, “someguy.gq” from freenom.


Image for post
Image for post

This article aims at providing a thorough guide to:
1. Creating a GCP VM instance (server).
GCP: Google Cloud Platform
VM: Virtual Machine

2. Creating an Nginx webserver.
3. Deploying your existing React App to the server.

NOTE: This article expects you to have a React App.
If not, Please visit the official React Documentation to create and run a simple react app.

Creating GCP Virtual Machine Instance
Go to, Google Cloud Console, log in with your Gmail. Create a project, or select your existing one.

Make sure you have access to the Google Cloud services.
If not, you can sign up for the 300$ trial, which is more than adequate for this tutorial. …


Image for post
Image for post

This is the Fifth article in the “Getting Started with GOlang” series. If you have not checked out the previous article please check it out before diving into this.
1. Getting started with GOlang
2. Slices, Custom Types and Receiver Functions(methods) in GOlang
3. Structs and Maps in GOlang
4. Pointers and Passby value/reference in GOlang
5. Interfaces in GOlang

INTERFACES

Before learning anything about what interfaces are, lets take a look at an example to clearly get the idea regarding why we need interfaces and how it could save us a lot of trouble while coding with GO.

Create a new directory and inside it create a main.go file. Paste the following code inside it. …


Image for post
Image for post

This is the Fourth article in the “Getting Started with GOlang” series. If you have not checked out the previous article please check it out before diving into this.
1. Getting started with GOlang
2. Slices, Custom Types and Receiver Functions(methods) in GOlang
3. Structs and Maps in GOlang
4. Pointers and Passby value/reference in GOlang
5. Interfaces in GOlang

Before understanding pointers, lets see an example using structs in GO. If you do not have a clear understanding regarding structs in go, please visit my previous article about it.

Create a new directory and inside it create a main.go file. …


Image for post
Image for post

This is the Third article in the “Getting Started with GOlang” series. If you have not checked out the previous article please check it out before diving into this.
1. Getting started with GOlang
2. Slices, Custom Types and Receiver Functions(methods) in GOlang
3. Structs and Maps in GOlang
4. Pointers and Passby value/reference in GOlang
5. Interfaces in GOlang

STRUCTS

Structs are a typed collection of fields. Basically, a group of information are grouped together as a type, which can be used to create instances of the struct we defined. …


Image for post
Image for post

This is the second article in the “Getting Started with GOlang” series. If you have not checked out the previous article please check it out before diving into this.
1. Getting started with GOlang
2. Slices, Custom Types and Receiver Functions(methods) in GOlang
3. Structs and Maps in GOlang
4. Pointers and Passby value/reference in GOlang
5. Interfaces in GOlang

ARRAY

Array’s in GO cannot shrink or grow, i.e completely static with predefined length. As we discussed in the previous article there are multiple ways of declaring variables and so is such for array.
You can either declare it first and provide values later or use the “ :=to declare and assign values to it the same time. …

About

Sajal Dulal

Javascript Developer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store