HOSSAM SAID HOSS11H

This gist is a simple no-brainer description of the 3 ways (actually 2.5) the Web handle events.

`<tag onclick />`

The declarative inline HTML event listener is mostly an indirection of DOM Level 0 events, meaning this simply uses the equivalent of tag.onclick = listener behind the scene.

Example

click me

Redirects in React Router v6

An important part of "routing" is handling redirects. Redirects usually happen when you want to preserve an old link and send all the traffic bound for that destination to some new URL so you don't end up with broken links.

The way we recommend handling redirects has changed in React Router v6. This document explains why.

Background

In React Router v4/5 (they have the same API, you can read about why we had to bump the major version here) we had a <Redirect> component that you could use to tell the router when to automatically redirect to another URL. You might have used it like this:

Most active GitHub users (git.io/top)

The list would not be updated for now. Don't write comments.

The count of contributions (summary of Pull Requests, opened issues and commits) to public repos at GitHub.com from Wed, 21 Sep 2022 till Thu, 21 Sep 2023.

Because of GitHub search limitations, only 1000 first users according to amount of followers are included. If you are not in the list you don't have enough followers. See raw data and source code. Algorithm in pseudocode:

githubUsers

	"use client";

	import { useRouter } from "next/navigation";
	import type { ReactNode } from "react";
	import { useCallback, useEffect, useState } from "react";

	interface ProximityPrefetchProps {
	children: ReactNode;
	threshold?: number;
	predictionInterval?: number;

	# Usage: ruby redirector.rb
	# Description: A simple web server that follows redirects for a given URL.
	require 'webrick'
	require 'net/http'
	require 'uri'
	require 'timeout'

	SERVER_PORT = 8000

	class RedirectTracker < WEBrick::HTTPServlet::AbstractServlet

	<html lang="en">
	<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	</head>
	<body style="height: 300vh">
	<svg style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);"
	width="655" height="209" viewBox="0 0 655 209" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M653 207V62C653 28.8629 626.228 2 593.091 2C519.318 2 391.639 2 292.675 2C270.583 2 252.717 19.9124 252.717 42.0038C252.717 63.5378 252.717 81.7221 252.717 81.7221C252.717 81.7221 252.717 81.7221 252.717 81.7221V167C252.717 189.091 234.808 207 212.717 207H2"
	stroke="#EAECF0" stroke-width="4" stroke-linecap="round"/>

	import { FormError } from '$lib/errors.js';
	import { db } from '$lib/server/db.js';
	import { GROUP_QUERY } from '$lib/server/queries/group.query.js';
	import {
	expenses_table,
	group_members_table,
	ledger_table,
	users_table,
	} from '$lib/server/schema.js';
	import { listify_names, sum_arr } from '$lib/utils.js';

	/**
	As seen on twitch.tv/cassidoo
	*/

	// A function that validates an email address
	function validateEmail(email) {
	const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
	return re.test(email);
	}


	import React, { Component } from 'react';
	import HomeView from './HomeView';
	import { Capacitor, Plugins, CallbackID } from "@capacitor/core";
	import LocationService from './Location';

	const { Geolocation, Toast } = Plugins;

	class HomeContainer extends Component {
	state: any;