skip to main content
jonc____
aiming to think things through in a world of robots
code

🏔️

[textbook-alpinejs]

Using x-ref in Alpine.js

giving names to DOM elements in Alpine.js

🏔️

[textbook-alpinejs]

Rendering lists in Alpine.js

displaying the items of an array as a list

🏔️

2025-09-24

[snippets]

Shorthand cheatsheet for Alpine.js

briefer ways to write code in Alpine.js

visit URL

🏔️

[textbook-alpinejs]

Templating and styling with Alpine.js

decorating our HTML with style directives

🏔️

[textbook-alpinejs]

Searching within lists with Alpine.js

a quick script for matching patterns in arrays

🏔️

2025-09-18

[textbook-alpinejs]

Hiding and showing content with Alpine.js

toggling stuff with this simple JavaScript framework

🏔️

[textbook-alpinejs]

Starting with Alpine.js

having a look at a very simple JavaScript framework

📒

2025-08-17

[snippets]

URL manipulation with JavaScript

using window.location and decodeURIComponent

🧑🏻‍💻

2025-02-20

[snippets]

"Object arithmetic" with JavaScript

what happens when we "do math" on a JavaScript object?

🧑🏻‍💻

2025-02-18

[snippets]

Merging multiple JavaScript objects with the same property names

using the spread operator with two objects

➡️

[textbook-next-js]

Next.js development basics

getting ourselves a homepage with Next.js

➡️

[textbook-next-js]

Next.js installation

getting ourselves ready quickly with Next.js web development

➡️

[textbook-next-js]

Next.js — an introduction

summarizing the famous interface-building JavaScript library

🐙

[textbook-git]

Git command aliasing

shortcuts and combinations for common Git commands

🐙

[textbook-git]

Git ignore file

blocking files in a project folder that should not go into a Git repo

🐙

[textbook-git]

Deleting a local git branch

clean up the branch list with this one-liner command-line command

🐙

[textbook-git]

Git and GitHub configuration

getting some version control on your computer

🐙

[textbook-git]

Git essentials

summarizing the internet's de facto version control system

2020-10-01

[textbook-typescript]

TypeScript overview

checking the validity of JavaScript types with this library

visit URL

[textbook-react]

Deploying React apps to GitHub pages

launching a React app/website onto a github.io subdomain

⚛️

[textbook-react]

React conditional styling

changing the look of the React app based on certain criteria

⚛️

[textbook-react]

React styling

changing the look of what appears on the React app

⚛️

[textbook-react]

React list rendering

displaying content from an array of objects

⚛️

[textbook-react]

React conditional rendering

displaying content based on different situations

⚛️

[textbook-react]

React state

keeping track of a component's changing variable values

⚛️

[textbook-react]

React props

passing data from a parent to a child component

⚛️

[textbook-react]

React components

separating concerns within a React app

⚛️

[textbook-react]

React and JSX

rendering HTML within JavaScript functions

⚛️

[textbook-react]

React — creating apps from scratch

starting a React app without create-react-app

⚛️

[textbook-react]

React — an introduction

summarizing the famous interface-building JavaScript library

123

made with sanity + next.js