Mehdi Maleki mosioc

Solarized Theming & Styling Guide

A developer-friendly guide to using the Solarized color palette consistently across terminals, editors, websites, and apps.
Includes HEX codes, usage examples, and tool-specific setup instructions.

Color Palette

Alias	Command
`g`	`git`
`ga`	`git add`
`gaa`	`git add --all`
`gam`	`git am`
`gama`	`git am --abort`
`gamc`	`git am --continue`
`gams`	`git am --skip`
`gamscp`	`git am --show-current-patch`

Inja C++ Template Engine Reference

Inja is a modern C++ template engine inspired by Jinja2, designed for rendering dynamic text using JSON data. It’s lightweight, header-only, and integrates seamlessly with C++ projects. This expanded reference provides a comprehensive guide to Inja’s features, syntax, and advanced usage, including detailed explanations of control structures, logical operators, and additional template features.

Comprehensive Guide to Using JSDoc

React.js Main Concepts (JavaScript Version)

The TypeScript version is in the comments (recommended).

Core Fundamentals

Components – Building blocks of a React app (function or class-based).
JSX (JavaScript XML) – Syntax extension that allows mixing HTML with JavaScript.
Props (Properties) – Used to pass data from parent to child components.
State – Data that changes over time within a component.

React Concepts and Their JavaScript Equivalents

1. Components = JavaScript Functions

React:

function Hello({ name }) {
  return <h1>Hello {name}</h1>;
}

Node.js Package Managers Cheat Sheet

A quick reference for pnpm, Yarn, and npm commands, organized by task, including advanced commands and flags.

1. Project Setup

Action	pnpm	Yarn	npm
Initialize a new project	`pnpm init`	`yarn init`	`npm init`
Install all dependencies	`pnpm install`	`yarn install` or `yarn`	`npm install` or `npm i`

Tailwind CSS Complete Cheatsheet

Layout

Container

container - Sets max-width to match min-width of current breakpoint

Display

block - display: block
inline-block - display: inline-block

Frontend Architecture Patterns

A comprehensive guide to modern frontend architecture patterns, rendering strategies, state management, and code organization approaches.

	# entanglement visualization
	import numpy as np
	import matplotlib.pyplot as plt
	from qutip import *
	from mpl_toolkits.mplot3d import Axes3D

	J = 1.0 # coupling constant
	B = 0.5 # magnetic field strength
	t_list = np.linspace(0, 20, 400)