Kulshekhar Kabra kulshekhar

So you want to write a sync system for a web app with offline and realtime support? Good luck. You might find the following resources useful.

Overview articles

Database in a browser, a spec (Stepan Parunashvili)

What problem are we trying to solve with a sync system?
The web of tomorrow (Nikita Prokopov)

Unicode Character Look-Alikes

Original Letter	Look-Alike(s)
a	а ạ ą ä à á ą
c	с ƈ ċ
d	ԁ ɗ
e	е ẹ ė é è
g	ġ
h	һ

Demo: Coordinating async React with non-React views

tl;dr I built a demo illustrating what it might look like to add async rendering to Facebook's commenting interface, while ensuring it appears on the screen simultaneous to the server-rendered story.

A key benefit of async rendering is that large updates don't block the main thread; instead, the work is spread out and performed during idle periods using cooperative scheduling.

But once you make something async, you introduce the possibility that things may appear on the screen at separate times. Especially when you're dealing with multiple UI frameworks, as is often the case at Facebook.

How do we solve this with React?

Adding PIXEL/GUI to Raspbian Lite

These 'notes' were primarily intended for my own consumption but since there have been surprisingly many comments to it over the years I wanted to do some updates and clarifications. Thanks for all comments.

These instructions will require you to have connection to internet from your pi, WiFi, Ethernet or by some other means like a 3G USB dongle or something.

Preparations

terminal:

npm i --save-dev rollup rollup-watch rollup-plugin-typescript typescript typings
npm i -S react react-dom
./node_modules/.bin/typings install react react-dom --save
mkdir src dist
touch src/index.tsx

	#!/bin/bash
	# Script to update a firewall rule in a Hetzner Firewall with your current IP address.
	# Good if you would like to restrict SSH access only for your current IP address (secure).

	#################
	# WARNING: This script will overwrite all rules in the firewall rules, so make sure you
	# added all the required rules.
	# I use a separate firewall rule just for SSH access.
	#################

	using OpenTelemetry;
	using OpenTelemetry.Logs;
	using OpenTelemetry.Resources;
	using OpenTelemetry.Trace;

	var builder = WebApplication.CreateBuilder(args);
	var app = builder.Build();

	var appResourceBuilder = ResourceBuilder.CreateDefault()
	.AddService(serviceName: Telemetry.ServiceName, serviceVersion: Telemetry.ServiceVersion);


	/*
	* Stripe WebGl Gradient Animation
	* All Credits to Stripe.com
	* ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
	* commented out for now.
	* https://kevinhufnagl.com
	*/

	package main

	import (
	"crypto/rand"
	"encoding/base64"
	"fmt"
	"io"
	"math/big"
	)