kirandash

- How to rebase when there is only two commits?
  - `git rebase -i --root`
  - `git push -f`

kirandash

npx remix routes: to check all the routes

playwright installation: npm init playwright@latest --yes -- --quiet --browser=chromium --gha

Fly io

• flyctl auth token to get token and set FLY_API_TOKEN in actions setting for project
• fly deploy to deploy app
• flyctl login

kirandash

pbpaste > ./app/routes/users.\$username.tsx
pbpaste > ./app/routes/users.\$username.posts.tsx
pbpaste > ./app/routes/users.\$username.edit.tsx
pbpaste > ./app/routes/posts.tsx
pbpaste > ./app/routes/posts.new.tsx
pbpaste > ./app/routes/posts.\$postId.tsx
pbpaste > ./app/routes/posts.\$postId.edit.tsx
pbpaste > ./app/routes/search.tsx
pbpaste > ./app/routes/login.tsx
pbpaste > ./app/routes/signup.tsx

kirandash

https://uberduck.ai/ - text-to-speech service (addon: https://www.ableton.com/en/ for music creation) https://chat.openai.com/chat - chatgpt ableton

kirandash

const LazyLoaderMyOrder =
  lazyRetry(
    () => import(/*webpackChunkName: "myorders" */ "pages/myOrders/MyOrders"),
    "myorders",
);

kirandash

import Amplify, { Auth } from "aws-amplify";

const MEMORY_KEY_PREFIX = "@kdAuth:";
let dataMemory = {};

/**
 * This is used to set a specific item in storage
 */
function setItem(key, value) {
  localStorage.setItem(MEMORY_KEY_PREFIX + key, value);

kirandash

// React: how to update state.item[1] in state using setState?
this.setState(({items}) => ({
    items: [
        ...items.slice(0,1),
        {
            ...items[1],
            name: 'newName',
        },
        ...items.slice(2)
    ]

kirandash

/* 1. Display Flex not working on Safari */
.row {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
}

/* 2. Height Issue for Flex Items */
Don't use percentage heights for flex items or child. Use height auto.
https://stackoverflow.com/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent

kirandash

/* Copy Text to Clipboard */
import React from 'react';

class CopyExample extends React.Component {

  constructor(props) {
    super(props);

    this.state = { copySuccess: '' }
  }

kirandash

// 1. Track API calls in network for React Native Application
// Add the below code to App.js file:
XMLHttpRequest = GLOBAL.originalXMLHttpRequest ? 
  GLOBAL.originalXMLHttpRequest : GLOBAL.XMLHttpRequest;

// 2. React Native Vertically aligning Content
container: {
  flex: 1,
  justifyContent: 'center',
  alignItems: 'center'