In this article, we will build a ReactJS web application and a GO server with gin from scratch where we will generate a CSV formatted file and sent it as a response to a ReactJS web application.

- The response received from the GO server is made such that it downloads the CSV file.

- The CSV files are not created as actual files but buffer, so this is suitable for use cases with app engines where actual file storage is not available.

Image for post
Image for post

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

New to…


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…


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…


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


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…


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…


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…


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. …

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