bhargavkakadiya

## Run it on jupyter notebook for interactive panel
import param as pm
import panel as pn
pn.extension()

class A(pm.Parameterized):
    a = pm.Number(2, step=1)
    
    def get_a_squared(self):
        return self.a * self.a

bhargavkakadiya

So you've cloned somebody's repo from github, but now you want to fork it and contribute back. Never fear!

Technically, when you fork "origin" should be your fork and "upstream" should be the project you forked; however, if you're willing to break this convention then it's easy.

* Off the top of my head *

1. Fork their repo on Github
2. In your local, add a new remote to your fork; then fetch it, and push your changes up to it

    git remote add my-fork [email protected]

bhargavkakadiya

# >> Jupyter Notebook
import pandas as pd
import param as pm
import panel as pn

RAW_CSS = """
body {
    color: white;
}
"""

bhargavkakadiya

git add # stage file
git commit --fixup=<commit Hash> # commit with fixup 
git rebase -i HEAD~2 # reabse and squash commit with fixup message and SAVE and SAVE new commit msg
git push origin <branch-name> #--force # git push (use force if past commit is already pushed)

bhargavkakadiya

#!/bin/bash

NAME=yt-seek
if [ "$#" -ne 3 ]; then
    echo "Usage: $NAME <url> <start> <duration>"
    exit 1
fi

URL=$1
START=$2

bhargavkakadiya

Implementing Dynamic Map Component

Use Next.js's dynamic function to import the Map component dynamically. This ensures it's only rendered on the client side.

Implement this if you have encountered window not defined error and if nextjs build fails

import dynamic from "next/dynamic";
const DynamicMap = dynamic(() => import("./Map"), {
  loading: () => <p>Loading...</p>,

bhargavkakadiya

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

app = dash.Dash(__name__, suppress_callback_exceptions=True)

app.layout = html.Div([
    dcc.Location(id='url', refresh=False),
    html.H1('My Demo App'),