Open in app

Sign In

Write

Sign In

Anlisha Maharjan
Anlisha Maharjan

23 Followers

Home

About

Published in Towards Dev

·Pinned

Setup Bitbucket CI/CD for React

Continuous integration (CI) validates all the stages of the development process from merging codes to testing builds while optimizing the code release cycles. Continuous deployment (CD) focuses on setting up a bundled artifact into a production environment in the fastest way possible which automates the whole deployment process. Here is…

Ci Cd Pipeline

3 min read

Setup Bitbucket CI/CD for React
Setup Bitbucket CI/CD for React
Ci Cd Pipeline

3 min read


Published in JavaScript in Plain English

·Pinned

An Introduction to Absolute Imports in React Native

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…

React Native

2 min read

An Introduction to Absolute Imports in React Native
An Introduction to Absolute Imports in React Native
React Native

2 min read


Published in Towards Dev

·Pinned

Automating Internationalization with Google Spreadsheet and i18next.

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

I18next

3 min read

Automating Internationalization with Google Spreadsheet and i18next.
Automating Internationalization with Google Spreadsheet and i18next.
I18next

3 min read


Published in Towards Dev

·Pinned

Tailwind CSS in HTML starter via NPM

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

Tailwind

2 min read

Tailwind CSS in HTML starter via NPM
Tailwind CSS in HTML starter via NPM
Tailwind

2 min read


Published in Towards Dev

·Jan 9

Deploy Laravel with GitHub Actions on Shared Hosting

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…

Laravel

3 min read

Deploy Laravel with GitHub Actions on Shared Hosting
Deploy Laravel with GitHub Actions on Shared Hosting
Laravel

3 min read


Published in JavaScript in Plain English

·Dec 28, 2022

Deploy React with GitHub Actions on Shared Hosting

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…

Github Actions

3 min read

Deploy React with GitHub Actions on Shared Hosting
Deploy React with GitHub Actions on Shared Hosting
Github Actions

3 min read


Nov 29, 2022

Yup.array validate object property is unique with Formik in React.

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

Yup

2 min read

Yup

2 min read


Aug 24, 2022

Google Maps API Directions Service in React — Plot efficient route on map with total distance and duration.

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…

Reactjs

2 min read

Google Maps API Directions Service in React — Plot efficient route on map with total distance and…
Google Maps API Directions Service in React — Plot efficient route on map with total distance and…
Reactjs

2 min read


Jun 30, 2022

Build a custom time picker React component

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

Reactjs

1 min read

Build a custom time picker React component
Build a custom time picker React component
Reactjs

1 min read


Apr 22, 2022

LinkedIn API — OAuth 2.0 Access Token

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…

Linkedin Api

5 min read

LinkedIn API — OAuth 2.0 Access Token
LinkedIn API — OAuth 2.0 Access Token
Linkedin Api

5 min read

Anlisha Maharjan

Anlisha Maharjan

23 Followers

Full-Stack Developer | Freelancer | https://anlisha.com.np

Following
  • Karthik Balasubramanian

    Karthik Balasubramanian

  • Jeannot Muller

    Jeannot Muller

  • Nancy Chauhan

    Nancy Chauhan

  • Bhawana Shrestha

    Bhawana Shrestha

  • Kerin Khan

    Kerin Khan

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech