Yann YannBirba

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

Using NGINX Web Server with React and Express with a domain and SSL certificate (Ubuntu)

Introduction

For this to work, we are going serve React's static files for the client, and are going to proxy our Express server to /api.

Disclaimer - Ensure you are the root user, otherwise some of these commands may not work. The Express app also needs to server under a seperate route from the client (e.g /api), so all backend routes will look like this: /api/signup.

Steps

Installation

A Runtime ImportMap Example - now as a module

While it's not possible to define a <script type="importmap"> within a module, it is possible to define it in a synchronous <script> tag, as long as it's before any module starts executing.

Example ^{_{(works in Chrome / Edge / WebKit / Safari / Firefox)}}

<!DOCTYPE html>
<html lang="en">
<head>

	interface Option<T> {
	map <U>(fn: (a: T) => U): Option<U>;
	isSome(): boolean;
	isNone(): boolean;
	isSomeAnd(fn: (a: T) => boolean): boolean;
	isNoneAnd(fn: () => boolean): boolean;
	unwrap(): T;
	unwrapOr(def: T): T;
	unwrapOrElse(f: () => T): T;
	map<U>(f: (a: T) => U): Option<U>;

	/*
	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	GNU General Public License for more details.

	#!/usr/bin/env python3

	# from pdb import set_trace as bkp
	from sys import argv, exit
	from os import listdir, path, mkdir, utime
	from json import loads as to_dict
	from datetime import datetime as date

	if '-h' in argv or '--help' in argv:
	print('''

	// TODO: make `pages` optional and measure the div when unspecified, this will
	// allow more normal document flow and make it easier to do both mobile and
	// desktop.
	import {
	createContext,
	useCallback,
	useContext,
	useEffect,
	useMemo,
	useRef,

	import { RemixBrowser } from '@remix-run/react'
	import { startTransition, StrictMode } from 'react'
	import { hydrateRoot } from 'react-dom/client'

	function clearBrowserExtensionInjectionsBeforeHydration() {
	document
	.querySelectorAll(
	[
	'html > *:not(body, head)',
	'script[src*="extension://"]',

	import React from 'react'
	import { usePrevious } from './usePrevious'

	export type QueryStatus = 'idle' \| 'loading' \| 'error' \| 'success'

	type QueryClientProviderProps = {
	children: React.ReactNode
	client: QueryClient
	}