DEV Community: Saurabh Chavan

Git Branching, Pull, Merge, Commit, and Push – Step-by-Step Guide

Saurabh Chavan — Tue, 27 Jan 2026 17:37:26 +0000

In this post, I’ll walk you through how to create a Git branch from a parent branch, pull the latest changes, commit your code, push it to the remote repository, merge branches, and finally make sure everything stays up to date. I’ll explain each step in a simple and practical way.

Let’s get started 🚀

1️⃣ Switch to the Parent Branch and Fetch Latest Changes

First, move to the parent branch (usually main or develop) and fetch the latest updates from the remote repository.

git checkout branch-name
git fetch origin

Now pull the latest changes to make sure your parent branch is up to date:

git pull origin branch-name

2️⃣ Create a New Branch from the Parent Branch

Once your parent branch is updated, create a new feature branch from it:

git checkout -b new_branch_name(feature/login)

This command creates a new branch and switches to it at the same time.

3️⃣ Make Changes and Commit Your Code

After making your code changes, check the status:

git commit -m "commmit msg"

4️⃣ Push the Branch to Remote Repository

To push your newly created branch to GitHub:

git push origin branch_name(in which you have push)

5️⃣ Merge Parent Branch into Your Feature Branch

Before pushing or raising a pull request, always merge the latest parent branch into your feature branch.

git merge branch_name(which branch you have to merge)

6️⃣ Always Pull Before You Push

To avoid conflicts, make it a habit to pull the latest changes before pushing your code:

git pull origin branch-name

Please refer the below picture

React Native Push Notification

Saurabh Chavan — Sun, 25 Jan 2026 18:18:00 +0000

Welcome to Our Latest Blog Post!

In this post, we will discuss push notifications—what they are, how to use them on Android and iOS, the steps involved, and the different types of push notifications. We will cover everything you need to know to implement push notifications effectively in your mobile applications.

Let’s dive in!

What is Push Notification
Push notifications are messages or alerts sent from an application to a user who has installed that app.

Push Notification Type

Foreground notification
Background notification

Foreground Notification
Sent to the user when the app is currently open and running

Background Notification
Sent whether or not the app is currently open

Need the Firebase library that it React-Native-firebase-library

Need some of the steps where you have to link the application to the firebase

Android: Need to download the googleservice.json file and add the file in the android/app folder

iOS: Need to download the GoogleServiceInfo.plist file and add the file in ios/application folder

Android Some of the permission need to give code need to add
then add the react-native-firebase/messaging from messaging add the code in the useEffect

need a token to get the token create one function with async await and messaging.getToken() this is how we get the token

one more thing required that is

New start pattern in Javascript

Saurabh Chavan — Tue, 06 May 2025 17:27:35 +0000

function mainFunc(){
    for(let i=1;i<=5;i++){
      let final = "";
      for(let j=1;j<=5;j++){
        if(i === 1 || i === 5 || j === 1 || j === )
        {
           final += "*"
        } else {
           final += " "
        }
    }
    console.log(final);
  }
}
mainFunc

output 
*****
*   *
*   *
*   *
*****


for (let i = 0; i < 4; i++) {
    let row = '';
    for (let j = 0; j < 4; j++) {
      row += '*';
    }
    console.log(row);
  }

output
****
****
****
****

Reverse Number Patterns in Javascript

Saurabh Chavan — Tue, 06 May 2025 17:15:55 +0000

Here are some of the number Patterns in javascript that are mostly asked in Interview Questions.


function printPattern() {
  // First half of the pattern
  for (let i = 1; i <= 4; i++) {
    let finalOutput = '';
    for (let j = 1; j <= i; j++) {
      finalOutput += j;
    }
    console.log(finalOutput);
  }

  // Second half of the pattern
  for (let i = 4; i >= 1; i--) {
    let finalOutput = '';
    for (let j = 1; j <= i; j++) {
      finalOutput += j;
    }
    console.log(finalOutput);
  }
}

printPattern();


output
1
12
123
1234
1234
123
12
1

function printPattern() {
  // First half of the pattern
  for (let i = 1; i <= 4; i++) {
    let finalOutput = '';
    for(let k=1;k<=4-i;k++){
        finalOutput += " "
    }
    for (let j = 1; j <= i; j++) {
      finalOutput += j + " ";
    }
    console.log(finalOutput);
  }

  // Second half of the pattern
  for (let i = 4; i >= 1; i--) {
    let finalOutput = '';
      for(let k=1;k<=4-i;k++){
        finalOutput += " "
    }
    for (let j = 1; j <= i; j++) {
      finalOutput += j + " ";
    }
    console.log(finalOutput);
  }
}

printPattern();

output
   1 
  1 2 
 1 2 3 
1 2 3 4 
1 2 3 4 
 1 2 3 
  1 2 
   1

shallowCopy & deepCopy in JavaScript

Saurabh Chavan — Sat, 19 Apr 2025 09:11:59 +0000

ShallowCopy
When we assign an object to another variable, JavaScript does not copy the actual data.
It copies the reference (memory address).

So both variables point to the same object.

Problem statement

let obj = {
   name: "saurabh"
};
let user = obj;
name.name = "sachin";
console.log(obj); //output is sachin

Because obj and user refer to the same memory location.

Deep Copy

A shallow copy won't be enough if an object has nested objects (objects inside objects). That’s because a shallow copy only copies the top-level properties. The nested objects are still copied by reference.

So, if we change a value inside a nested object in the copied version, it will still affect the original object.
To avoid this, we use a deep copy, which copies everything, including all nested objects. This way, the copied object is completely separate from the original, and changes won’t affect each other.

Problem statement

let obj = {
   name: "Saurabh",
   address: {
      city: "Pune",
      state: "MH"
   }
};
let user = {...obj}
user.address.city = "Mumbai"
console.log (obj) //output will be obj, city will be changed to Mumbai

Solution

let obj = {
    name: "Saurabh"
    address: {
      city: "Pune"
      State: "MH"
    }
}
let user = JSON.parse(JSON.Stringfy(obj));
user.address.city = "Mumbai"
console.log(obj) // output remains the same as the obj will not change

Number Patterns in Javascript

Saurabh Chavan — Sat, 17 Aug 2024 06:21:20 +0000

Here are some of the number Patterns in javascript that are mostly asked in Interview Questions.

function printNum(){
 for(let i=1; i<=4; i++){
     let finalOutput = '';
     for(let j=1; j<=i; j++){
         finalOutput += i
     }
     console.log(finalOutput)
 }   
}

printNum()

output
1
1 2
1 2 3
1 2 3 4

function printNum(){
 for(let i=1; i<=4; i++){
     let finalOutput = '';
     for(let j=1; j<=i; j++){
         finalOutput += j
     }
     console.log(finalOutput)
 }   
}

printNum()

output
1
1 2
1 2 3
1 2 3 4


function printNum(){
 for(let i=1; i<=4; i++){
     let finalOutput = '';
     for (let k=1; k<=4-i;k++){
         finalOutput += " "
     }
     for(let j=1; j<=i; j++){
         finalOutput += j
     }
     console.log(finalOutput)
 }   
}

printNum()

output
      1
    2 2
  3 3 3
4 4 4 4


function printNum(){
 for(let i=1; i<=4; i++){
     let finalOutput = '';
     for (let k=1; k<=4-i;k++){
         finalOutput += " "
     }
     for(let j=1; j<=i; j++){
         finalOutput += i
     }
     console.log(finalOutput)
 }   
}

printNum()

output
      1
    2 2
  1 2 3
1 2 3 4

function printNum(){
 for(let i=1; i<=4; i++){
     let finalOutput = '';
     for (let k=1; k<=4-i;k++){
         finalOutput += " "
     }
     for(let j=1; j<=i; j++){
         finalOutput += j + " "
     }
     console.log(finalOutput)
 }   
}

printNum()

output
   1
  1 2
 1 2 3
1 2 3 4

function printNum(){
 for(let i=1; i<=4; i++){
     let finalOutput = '';
     for (let k=1; k<=4-i;k++){
         finalOutput += " "
     }
     for(let j=1; j<=i; j++){
         finalOutput += i + " "
     }
     console.log(finalOutput)
 }   
}

printNum()

output
   1
  2 2
 3 3 3
4 4 4 4

let num = 1;
for (let i = 1; i <= 4; i++) {
  let final = "";
  for (let j = 1; j <= i; j++) {
    final += num + " ";
    num++
  }
  console.log(final);
}

output 
1 
2 3 
4 5 6 
7 8 9 10

function printPattern() {
  for (let i = 1; i <= 4; i++) {
    let finalOutput = '';

    // Alternate between '1' and '0' depending on the row number
    for (let j = 1; j <= i; j++) {
      if (i % 2 !== 0) {
        finalOutput += '1';
      } else {
        finalOutput += '0';
      }
    }

    console.log(finalOutput);
  }
}

printPattern();

output 
1
00
111
0000

How to Give build on DEV

Saurabh Chavan — Mon, 15 Jan 2024 09:44:15 +0000

In this tutorial we will be going to learn that how can we create new branch from the production branch and all the latest code will be push on our new branch and then will merge this command in the develope branch.All this done then will create tag and push all the code to the tag and do build from the jenking

Go to the production branch

git checkout production

create new branch from the production

git checkout -b branch_name

push your all code in the new branch

git add .

git commit -m "New commit"

git push origin new_branch

Wooh your new branch is good to go on the dev

Now its time to mergeing

go to the develop branch

git checkout develope

git pull

git merge new_branchName

if there is confict then resolve it and push code otherwise
push the code

git commit -m "conflict resolve"

git push origin develope

Its time to create tag
tag must be unique like (2023.0108_v3 year.dateMonth_version)

git tag tag_name

git push origin tag_name

Go from one screen to another in SwiftUI

Saurabh Chavan — Mon, 27 Mar 2023 18:33:12 +0000

In this post we will be explore how can we navigate from one screen to another using the NavigationLink

import SwiftUI


struct ContentView: View {
    var body: some View {
        NavigationView {
            List(1..<30){ row in
                NavigationLink{
                    Text("Details \(row)")
                } label: {
                    Text("Row \(row)")
                }

            }
            .navigationTitle("SwiftUI")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Output

model show on click in swiftUI

Saurabh Chavan — Fri, 24 Mar 2023 18:35:22 +0000

when we click on the button then new sheet will be come from the button thats called the model or basically we use the sheet() method to display the model over the screen

the code and output are as follow:

import SwiftUI

struct sheetView:View{
    @Environment(\.dismiss) var dismiss

    var body: some View{
        VStack{
            Button("Press to dismiss") {
                dismiss()
            }
            .font(.title)
            .padding()
            .background(.green)
            .cornerRadius(20)
            .foregroundColor(.white)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(.red)
    }
}

struct ContentView: View {
   @State private var showSheet = false

    var body: some View{

            Button("Show sheet") {
                showSheet = true
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
                .background(.yellow)
                .ignoresSafeArea()
            .sheet(isPresented: $showSheet) {
                sheetView()
            }
        }

}       

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

outPut:

confirmationDialog() in swiftUI

Saurabh Chavan — Fri, 24 Mar 2023 18:15:11 +0000

confirmationDialog is basically a alert message which comes from the bottom

if you instagram user then I am sure you will saw this pop which comes from the bottom

the code and output are as follow:

import SwiftUI

struct ContentView: View {
   @State private var showConfirmation = false

    var body: some View{
        Button("Click me") {
            showConfirmation = true
        }
        .confirmationDialog("Value", isPresented: $showConfirmation) {
            Button("Save"){}
            Button("Delete",role: .destructive){}
            Button("cance",role: .cancel){}
        }
    }
}




struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

outPut

Item delete & Move in SwiftUI

Saurabh Chavan — Fri, 24 Mar 2023 16:52:57 +0000

Swip to delete perticular item from the list we can achive using the onDelete() method

Also we can reorder the item using the onMove() metod

import SwiftUI

struct ContentView: View {
    @State private var Names = ["Saurabh","Sachin","Yuraj","Harbhajan","Rohit","Virat","Kapil","Dhoni"]
    var body: some View{
        NavigationView {
            VStack{
                List{
                    ForEach(Names,id: \.self) { name in
                        Text("\(name)")
                    }
                    .onDelete(perform: removeItem)
                    .onMove(perform: moveItem)
                }

            }
            .navigationTitle("Delete & Move")
            .toolbar {
                EditButton()
            }
        }
    }

    func removeItem(at offsets:IndexSet){
        Names.remove(atOffsets: offsets)
    }

    func moveItem(from source:IndexSet,to destination:Int){
        Names.move(fromOffsets: source, toOffset: destination)
    }
}




struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

outPut:

On change in textField value will change in SwiftUI

Saurabh Chavan — Thu, 23 Mar 2023 19:08:37 +0000

When we change in the textField then value whatever get then this value will change in swift

the code are as follow:

import SwiftUI

struct User{
    var firstName = "Saurabh"
    var lastName = "Chavan"
}

struct ContentView: View {
    @State private var Users = User()
    var body: some View{
        VStack{
             Text("\(Users.firstName)  \(Users.lastName)")

            TextField("First Name", text: $Users.firstName)

            TextField("Last Name", text: $Users.lastName)
        }
    }
}

Output: