Arek Bartnik arekbartnik

My hundred struggles while using Linux as my desktop driver (Ubuntu 24.04)

Hi! On Thursday 25 April 2021, I entirely switched from macOS to Linux: https://maelvls.dev/evolution-of-my-home-office/. I took note of every adjustment I had to make along the way. I use Ubuntu "vanilla" (with Gnome as my desktop manager).

🔥 Update 26 June 2023: I am abandoning "desktop" Linux! I can't bear having to work around everything all the time, not even counting the tons of problems that occur whenever I do a major version upgrade (e.g., when I upgraded from 21.10 to 22.04, my PPAs broken obviously, and also I lost all the hack I had made to the /etc to work around problems). I am officially back to macOS starting 26 June 2023. I'll still use my Linux workstation remotely over Mosh, but not as a desktop environment. To learn more: https://hackmd.io/@maelvls/my-macos-tweaks

My other articles:

A half-hour to learn Zig

This is inspired by https://fasterthanli.me/blog/2020/a-half-hour-to-learn-rust/

Basics

the command zig run my_code.zig will compile and immediately run your Zig program. Each of these cells contains a zig program that you can try to run (some of them contain compile-time errors that you can comment out to play with)

My FE/DOM Libraries

a gist to recap the current status, also available as library picker!

Minimalistic Libraries

do one thing only and do it well

µhtml (HTML/SVG auto-keyed and manual keyed render)
augmentor (hooks for anything)
wickedElements (custom elements without custom elements ... wait, what?)

About This Gist

This gist summarizes the handleEvent(event) pattern features, something standard, something described by me many times, written in my tiny book, tweeted about, and yet it's something most Web developers ignore.

The `handleEvent` ASCII Doodle

                  ┌---------------------------------┐
var handler = {   | any object that inherits or     |

	import firebase from "firebase/app";
	import "firebase/auth";
	import { gql, GraphQLClient } from "graphql-request";
	import { SWRConfig } from "swr";
	import create from "zustand";
	import { computed } from "zustand-middleware-computed-state";

	const firebaseConfig = {
	//
	};

	import { useDisclosure } from "@chakra-ui/react";
	import ConfirmDialog from "app/core/chakra-prompts/ConfirmDialog";
	import FormPrompt from "app/core/chakra-prompts/FormPrompt";
	import React, { useContext, useState } from "react";

	const ChakraPromptsContext = React.createContext<any>(null);
	export const useChakraPrompts = () => useContext(ChakraPromptsContext);

	const Manager = ({ children }) => {
	const [config, setConfig] = useState<any>({});

	/**
	* This Gist is part of a medium article - read here:
	* https://jamiecurnow.medium.com/using-firestore-with-typescript-65bd2a602945
	*/

	// import firstore (obviously)
	import { firestore } from "firebase-admin"

	// Import or define your types
	// import { YourType } from '~/@types'

	type State = {
	added: boolean;
	interval: false \| ReturnType<typeof setInterval>;
	inFrame: boolean;
	callbacks: Array<SetFocusedCallback>;
	};

	type EnrichedHTMLIFrameElement = HTMLIFrameElement & { ___onWindowFocusHandled: boolean };

	type SetFocusedCallback = (focused?: boolean) => void;

	import { theme } from './tailwind.static';

	console.log(theme.extend.colors.gray[500]);

	<!-- generated via npm run build && npx create-polyfill-service-url analyse --file public/bundle.js -->

	<script crossorigin="anonymous" src="https://cdn.polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.filter,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.map,ArrayBuffer,console,DataView,Date.prototype.toISOString,document,fetch,Function.prototype.bind,globalThis,Map,Object.create,Object.defineProperties,Object.defineProperty,Object.entries,Object.getOwnPropertyDescriptor,Object.getOwnPropertyDescriptors,Object.getOwnPropertySymbols,Object.getPrototypeOf,Object.keys,Object.setPrototypeOf,Promise,Reflect,Reflect.construct,Set,Symbol,Symbol.iterator,WeakMap,WeakSet"></script>