MansourM61

Typescript Configuration

Quick Start

This section is based on The TSConfig Cheat Sheet article.

{
  /* Workspace */
  /* extends: the value of extends is a string which contains a path to another configuration file to inherit from. */

MansourM61

SQL Guide

SQLite

sqlite3 Shell

1. To load a database file (from command line):

   sqlite3 <database-file>

MansourM61

Perl Project Setup

Install Perl and Perlbrew

Windows OS

There are two options to install Perl:

1. ActiveState Perl: ActiveState offers both a free community version and a commercially supported binary distribution of Perl for Win32 and Perl for Win64.
2. Strawberry Perl: A 100% Open Source Perl for Windows that is exactly the same as Perl everywhere else; this includes using modules from CPAN, without the need for binary packages.

MansourM61

Ruby Project Setup

A useful guide to start with is found here.

Install rbenv and ruby

UNIX OS

1. Install rbenv
2. Check the available versions of Ruby:

MansourM61

Python Project Setup

Install UV

UNIX OS

To install:

curl -LsSf https://astral.sh/uv/install.sh | sh

MansourM61

HTMX and Alpine.js Project Setup

• HTMX and Alpine.js Project Setup
  • Hono-Based Setup
    • Project Setup
    • Add a Page Using JSX Notation
    • Add a Page Using Flat HTML
    • Add a Page Using handlebars
  • Vite-Based Setup
    • Project Setup

MansourM61

HTMX Project Setup

• HTMX Project Setup
  • Project Setup
  • Add a Page Using express-handlebars
  • Add a Page Using handlebars
  • Add a Page Using Template Literals

htmx is a small, free-dependency library that gives access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes.

MansourM61

TanStack

• TanStack
  • TanStack Virtual
    • Fixed-Size Contents
    • Variable-Size Contents
    • Dynamic Size Contents
    • Window-Scrolled Contents
  • TanStack Pacer
    • Debouncing

MansourM61

Table

• Table
  • TanStack Table
    • Table with Sorting and Formatting
    • Global and Column Filtering
    • Table with Pagination
    • Table with Row Selection
    • Table with Column Ordering and Hiding

MansourM61

Client Fetching

• Client Fetching
  • Native fetch
    • Fetching Data (GET)
    • Sending Data (POST)
  • AXIOS
  • upfetch
    • Fetching Data
    • Sending Data