| /* | |
| * MIT License | |
| * | |
| * Copyright (c) 2023 Fabio Lima | |
| * | |
| * Permission is hereby granted, free of charge, to any person obtaining a copy | |
| * of this software and associated documentation files (the "Software"), to deal | |
| * in the Software without restriction, including without limitation the rights | |
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
| * copies of the Software, and to permit persons to whom the Software is |
| defmodule Client do | |
| def main(pid) do | |
| cmd = IO.gets("Enter a command: ") |> String.trim() | |
| case String.split(cmd) do | |
| ["show"] -> | |
| key = self() | |
| Task.async(fn -> | |
| send(pid, {:list, key, self()}) |
| // 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks. | |
| // You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/) | |
| (() => { | |
| const SHOW_SIDES = false; // color sides of DOM nodes? | |
| const COLOR_SURFACE = true; // color tops of DOM nodes? | |
| const COLOR_RANDOM = false; // randomise color? | |
| const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com) | |
| const MAX_ROTATION = 180; // set to 360 to rotate all the way round | |
| const THICKNESS = 20; // thickness of layers | |
| const DISTANCE = 10000; // ¯\\_(ツ)_/¯ |
| /* | |
| This example demonstrates how a product price change can be rolled out with grace period for customers to order it for the previous price | |
| */ | |
| // little helper function to generate dates X minutes ago | |
| const minutesAgo = (minutes) => new Date((new Date).getTime() - minutes * (1000 * 60)); | |
| const events = [ | |
| { |
Let's say you want to use Ruby for the backend of a basic webapp but React on the frontend. Here's how.
(Note: All tested on January 13, 2025 with Ruby 3.3, Sinatra 4.1.1, and React 18.3. Configs may change over time.)
First, create the app folder and set up Sinatra:
mkdir my-sinatra-react-app