React Native Absolute imports — made easy for beginners. — Absolute imports help to simplify the paths and better organize the project as it grows. Also with absolute imports, it's easier to copy-paste the code with imports into another file in the project and not have to tinker with import paths. 😆 When the project’s folder structure is complex, we…

The article is for the front-end developers who are suffering from the manual “copy-and-paste” internationalization process. Through this guide executing a single line of script shall automate the entire process. Use Case React app that supports multiple languages (with i18next and react-i18next library) Setup Google Spreadsheet as JSON Hosting +…

Tailwind CSS is a utility-first CSS framework. This article includes steps to install Tailwind CSS in HTML via package manager and how to properly process Tailwind CSS. …

Let’s see the process to deploy Laravel app on shared hosting with SSH GitHub Action. Prerequisites: Set up SSH keys in the server. Set up Laravel project in GitHub. Let’s start! Create Deployment Script: Run the command below in the root of the project directory. A deploy.sh file is created…

Let’s see the process to deploy React app on shared hosting with FTP Deploy GitHub Action. Prerequisites: Set up an FTP account in cPanel. Setup React Project in GitHub. Let’s start! Setup GitHub Actions: Option 1: Run the command below in the root of the project directory. A ci.yml file…

The requirement is to validate objects in users array has unique name property. Define a custom method in Yup using Yup.addMethod. Yup.js provides this function to conveniently reuse test functions. …

Use Case: One can enter source and destination address; For the address field, google places autocomplete is implemented. One can also add multiple way-points/stops between source and destination address. On change in any address field, The Map and the Directions service is initialized to plot the driving directions and route…

In this article, we’ll create a custom time picker component combining react-datetime and react-input-mask packages. Step1 — Start Basic CRA npx create-react-app axon Step2 — Install react-datetime and react-input-mask packages cd axon npm i react-datetime react-input-mask moment Step3 — Setup time picker component Step4 — Style time picker component Step5 — Import CustomTimePicker component in App.js

Hi, on a recently worked project, we needed to fetch shares (posts) of company in LinkedIn. Thus, I write this step by step guide to access LinkedIn API. The LinkedIn API uses OAuth 2.0 for user authorization and API authentication. Since we need access to Marketing APIs to fetch posts…