QR Code (Quick Response Code) is the hottest trend or tactic and is getting better than ever. There is a new demand for touchless, frictionless marketing and eCommerce. Using smartphones you can easily read/scan the QR code. Many businesses are now using QR codes for contactless sign-in, ordering food in restaurants, etc.
There are many ways to generate QR Codes and many third-party libraries that will help you do that.
How to use it?
Showing maintenance page in your site or web application when you are deploying new features or doing some maintenance work or during the downtime will ensure the visitor of the site (especially non-technical user) is actually down for proper maintenance. It is not a good idea to show some random or default error page that your server provides.
You can create a simple
maintenance.htmlpage based on your site’s theme. Here’s is the Nginx config:
In the above configuration, when the server cannot find the
index.html page in the
root location will show the
For example, when you…
React Table is a lightweight, fast and extendable datagrid package for React. The newest version i.e. v7 is a headless utility, which means that it doesn’t render or supply any actual UI elements. You can build and design powerful datagrid experiences while retaining 100% control over markup and styles. The previous version i.e. v6 is a Table component where you don’t have 100% control over the table markup and styles. The latest version makes it easier to integrate into any existing theme or existing table markup. …
Formik is the most popular open-source form library for React and React Native that helps you with the 3 most annoying parts:
It comes with battle-tested solutions for input validation, formatting, masking, arrays, and error handling. This means you spend less time writing form code and more time building your next big thing.
Formik version 2 is built on top of React hooks. The basic requirement for upgrading or migrating from v1 to v2 is that you must be on React 16.8.x or higher. …
A sprite sheet is an image file containing several images or sprites. You can use it when building a game or animating a few layers. Combining the small images in one big image file not only improves the game performance but also reduces the memory usage and speeds up the startup time of the game.
For this example we will use the following sprite sheet:
This tutorial will guide you to deploy a React web application in
Nginx server in
AWS EC2 using Bitbucket Pipelines.
Geocoding is the process of converting addresses (like a street address) into geographic coordinates (like latitude and longitude), which you can use to place markers on a map or position the map. That means we need a full address like
Anfield Rd, Anfield, Liverpool L4 0TH, United Kingdom to get the coordinates
You can see the project’s snapshot below or try playing with it here.
Here is the demo of the game that we will be making:
I want to show you an easy and simple way to display
To get started, create a simple
React application using Create React App. To do this you can run the following commands:
npx create-react-app display-pdf-app
After this, add the
react-pdf library to the project using the following command:
npm install --save react-pdf
To render the
Tech. Lead @ Big Ads (formerly Big Mobile)