Matheswaaran – Medium

Published in Towards Dev

·May 27

Parsing CSV files in ReactJs

This article discusses how to read and parse a “.CSV” file in a React component. This is very helpful in building components like bulk upload details in react. Install the required packages: To install the package, type one of the following commands based on your package manager For npm: npm install csv For yarn: …

React

2 min read

Jun 6, 2021

Multiple environments in Netlify functions

Netlify functions are AWS’s serverless lambda functions that allow you to define your business logic and functions as an API and expose them with an endpoint. But some of us developers need environments for the sake of development and deployment. The Netlify functions only take environment variables from the UI…

Netlify

2 min read

Apr 23, 2021

Hasura Actions using Netlify Functions

Hasura is an Instant GraphQL API generating engine, where all the base APIs are generated in microseconds when a DB is connected. Also, they provide support for integrating the business logics as well using “Hasura Actions”. Netlify functions are AWS’s serverless lambda functions that allow you to define your business…

Hasura

3 min read

Published in Frontend Weekly

·Mar 16, 2021

Image Compression in ReactJs

While uploading the images to the block storage (or) S3 storage, the full images when captured through the phone (Pixel 3 or others) camera, has a size up to 3 MB. This consumes most of our time while uploading. …

React

2 min read

Dec 4, 2020

Serving Apple App Site Association file using Nginx for React Apps

The AASA (short for apple-app-site-association) is a file that lives on your website and associates your website domain with your native app. In other words, it’s a safe way to prove domain ownership to iOS for deep linking. There is no way to serve the apple-app-site-association from a react app…

Apple

2 min read

Published in The Startup

·Jul 15, 2020

Authenticate using Apple on Web using Firebase Auth

Sign in with Apple was announced in 2019 and allows users to authenticate into your Firebase app with an Apple ID. Before you start make sure you have a firebase project and enroll yourself in the apple developer program. Now create a web app in your firebase project in the…

Apple

3 min read

Published in Better Programming

·Feb 19, 2020

How to Create Subscriptions in Apollo GraphQL

GraphQL and Websockets — Hey, guys! In this article, we are going to talk about using subscriptions in an Apollo-GraphQL client. Subscriptions are generally used to update the client in real-time rather than requesting the same GET call over and over again. To implement a subscription in a React app, we have to complete…

Graph QL

2 min read

Published in Better Programming

·Aug 23, 2019

How to Handle Multiple Environments in a React App

Set up your React app for environments beyond development and production — When developing a React web application, developers can only use two environments by default. Development — NODE_ENV=development when developing the application locally. Uses .env.development by default, if available. Production — NODE_ENV=production when building the application for deployment. Uses .env.production by default, if available.

Java Script

2 min read

How to Handle Multiple Environments in a React App

Published in Frontend Weekly

·Jul 15, 2019

Recording MP3 audio using ReactJs under 5 minutes

Hello folks. I was building a website using ReactJs and I came across a requirement to record an audio file on the web. Like, everyone, I started Googling it. After googling some time, I came across an npm package that records mp3 files called mic-recorder-to-mp3 . …

Java Script

2 min read

Recording MP3 audio using ReactJs under 5 minutes

Published in NFN Labs

·Jul 5, 2019

Setting up CI/CD for Node Apps under 15 minutes

Hello folks, the pain point for a NodeJs developer is building the application and log in to some server and hosting it there even for small changes. Shit! We can automate the deployment/delivery process using CI/CD (Continous Integration and Continous Deployment/Delivery). Let’s see how to implement a CI/CD using BitBucket…

Nodejs

4 min read

Setting up CI/CD for Node Apps under 15 minutes