A-J Roos Asjas

The Rules of React

All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.

What Functions Are "Pure"?

A number of methods in React are assumed to be "pure".

On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.

Sequence of Gatsby's bootstrap lifecycle with links to source code as of v2.0.0

permalink https://github.com/gatsbyjs/gatsby/blob/ffd8b2d691c995c760fe380769852bcdb26a2278/packages/gatsby/src/bootstrap/index.js

open and validate gatsby-config (get-config-file.js) 1.5 load themes (swyx added this note July 2019)
load plugins (load-plugins/index.js) from the list given in gatsby-config.js
onPreBootstrap: runs onPreBootstrap if it is implemented in any plugins, for example gatsby-plugin-typography. Receives handy [apiCallArgs](https://github.com/gatsbyjs/gatsby/blob/ffd8b2d691c9

Things to note to make this work:

you'll need to have your remix registry token available in your shell under REMIX_TOKEN
you'll need to add secrets to your GitHub repo for the following items:
- REMIX_TOKEN
- VERCEL_TOKEN (https://vercel.com/account/tokens)
- VERCEL_ORG_ID
- VERCEL_PROJECT_ID
you'll need to have your REMIX_TOKEN available in your vercel repo as an environment variable

Coolify Orchestrated DB Cluster

In this project, our goal is to establish a robust and scalable infrastructure for a PostgreSQL database with high availability, seamless security, and integrated monitoring and alerting systems.

Introduction

We'll leverage tools like Patroni, Consul, Vault, Prometheus, Grafana, and Cert-Manager to ensure a comprehensive, modern solution. Coolify will act as our orchestration platform, managing various services and simplifying deployments. We aim to not only build a highly available database cluster but also provide a learning experience for interns that demonstrates best practices in DevOps, security, and observability.

The backbone of our infrastructure will focus on a distributed, high-availability PostgreSQL cluster. To ensure reliability, we’ll introduce Patroni for automating failover, Consul for service coordination, and Vault for managing sensitive information. Monitoring will be handled by Prometheus and visualized u

	[filter "lfs"]
	clean = git-lfs clean -- %f
	smudge = git-lfs smudge -- %f
	process = git-lfs filter-process
	required = true
	[user]
	name = A-J Roos
	email = [email protected]
	signingkey = 469CC0CAEEA7DB94
	[alias]

	name: Security audit
	on:
	schedule:
	- cron: '0 0 * * *'
	push:
	paths:
	- '**/Cargo.toml'
	- '**/Cargo.lock'
	jobs:
	security_audit:

	import React, { useState, useRef, useEffect } from 'react';

	import { CarouselButton, CarouselButtonDot, CarouselButtons, CarouselContainer, CarouselItem, CarouselItemImg, CarouselItemText, CarouselItemTitle, CarouselMobileScrollNode } from './TimeLineStyles';
	import { Section, SectionDivider, SectionText, SectionTitle } from '../../styles/GlobalComponents';
	import { TimeLineData } from '../../constants/constants';

	const TOTAL_CAROUSEL_COUNT = TimeLineData.length;

	const Timeline = () => {
	const [activeItem, setActiveItem] = useState(0);

	import { createHash } from "crypto";
	import fs from "fs";
	import fsp from "fs/promises";
	import path from "path";
	import https from "https";
	import { PassThrough } from "stream";
	import type { Readable } from "stream";
	import type { LoaderFunction } from "remix";
	import sharp from "sharp";
	import type { Request as NodeRequest } from "@remix-run/node";