Kiran kirandash

npx remix routes: to check all the routes

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

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

	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

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

	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);

	// 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)
	]

	/* 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

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

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

	class CopyExample extends React.Component {

	constructor(props) {
	super(props);

	this.state = { copySuccess: '' }
	}

	// 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'