Open in app

Sign In

Write

Sign In

Matheswaaran
Matheswaaran

81 Followers

Home

About

Nov 1, 2022

Cookie consent in NextJs

This article discusses how to add cookie consent to a NextJs app using cookies-next package. Install the required packages: To install the package, type one of the following commands based on your package manager For npm: npm install cookies-next For yarn: yarn add cookies-next Cookie consent implementation: When there is no cookie present, the cookie consent popup…

Cookie Consent

2 min read

Cookie consent in NextJs
Cookie consent in NextJs
Cookie Consent

2 min read


Aug 24, 2022

Convert HTML string to PDF in ReactJs

This article discusses how to convert a HTML string into a PDF document in client side apps which uses ReactJs using jsPDF package. Install the required packages: To install the package, type one of the following commands based on your package manager For npm: npm install html2canvas jspdf For yarn: yarn add html2canvas jspdf Converting the HTML string to PDF Document: …

React

1 min read

Convert HTML string to PDF in ReactJs
Convert HTML string to PDF in ReactJs
React

1 min read


Published in Towards Dev

·May 27, 2022

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

Parsing CSV files in ReactJs
Parsing CSV files in ReactJs
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

Multiple environments in Netlify functions
Multiple environments in Netlify functions
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

Hasura Actions using Netlify Functions
Hasura Actions using Netlify Functions
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. So, I started looking into lossless compression techniques for images on…

React

2 min read

Image Compression in ReactJs
Image Compression in ReactJs
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

Serving Apple App Site Association file using Nginx for React Apps
Serving Apple App Site Association file using Nginx for React Apps
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

Authenticate using Apple on Web using Firebase Auth
Authenticate using Apple on Web using Firebase Auth
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

How to Create Subscriptions in Apollo GraphQL
How to Create Subscriptions in Apollo GraphQL
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
How to Handle Multiple Environments in a React App
Java Script

2 min read

Matheswaaran

Matheswaaran

81 Followers

Developer

Following
  • Arun Pandian M

    Arun Pandian M

  • Navigotoo

    Navigotoo

  • Ashok

    Ashok

  • Balaji Malliswamy

    Balaji Malliswamy

  • Jaison Fernando

    Jaison Fernando

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech