niyabits

Setting up HTMX and Templ for Go

Motivation

Sites built with JavaScript frameworks like Next.js are often complicated and rely a lot on JavaScript for even primitive tasks like submitting form, state management, hydration etc.

Modern sites built with React tend to use JavaScript as a holistic language for serving, rendering, and routing in a website. The problem with this approach is that if you have your business logic in a different programming language you need to create more abstractions and APIs to use it within JavaScript or write the business logic in Node.js.

HTMX

HTMX is a small (~14k minified and gzipped), dependency-free JavaScript library, it doesn't care about which language you use for your backend or business logic, which is a great thing, because now we can use our existing business logic code in Go to make a website.

You can use a Go templating language to generate HTML markup and use HTMX to put it in your website.

Templ and Go

niyabits

window:
  padding:
    x: 2
    y: 2

font:
  normal:
    family: monospace
    style: Regular

niyabits

Atomic Habits: Tiny Changes, Remarkable Results - James Clear (Highlight: 53; Note: 0)

───────────────

◆ 1: The Surprising Power of Atomic Habits

▪ Meanwhile, improving by 1 percent isn’t particularly notable—sometimes it isn’t even noticeable—but it can be far more meaningful, especially in the long run.

▪ a slight change in your daily habits can guide your life to a very different destination

niyabits

// To view the default settings, hold "alt" while clicking on the "Settings" button.
// For documentation on these settings, see: https://aka.ms/terminal-documentation

{
    "$schema": "https://aka.ms/terminal-profiles-schema",
  "defaultProfile": "{2c4de342-38b7-51cf-b940-2309a097f518}",

  // Launch Settings
  "initialCols": 120,

niyabits

Configure SSH on GitHub

All the commands at one go - (For lazy beings)

ssh-keygen -t rsa -b 4096 -C [email protected] # Generate SSH Key

ls -al ~/.ssh # Verify It

eval "$(ssh-agent -s)" # Max/Linux

niyabits

React India 2019 Presentations

Presentation files/website links are available in this gist.

Day 1

React for Teenagers

• https://www.mediafire.com/file/a0sse0s6ex1q1g1/React-for-teenagers.pptx/file

Day 2

You Belong Here

• https://jlengstorf.github.io/presentations/you-belong-here/#/33

niyabits

{
  "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
  "editor.fontSize": 18,
  "terminal.integrated.fontSize": 18,
  "editor.wordWrap": "on",
  "editor.tabSize": 2,
  "prettier.singleQuote": true,
  "python.linting.pylintArgs": [
    "--load-plugins=pylint_django",
    "--errors-only"