| <!DOCTYPE html> | |
| <html lang="en"> | |
| <!-- | |
| "A progressive disclosure component" | |
| https://piccalil.li/tutorial/a-progressive-disclosure-component | |
| with regular-elements | |
| https://github.com/WebReflection/regular-elements | |
| instead of a web component | |
| --> | |
| <head> |
| window._log('ECMAScript 2015 - with classes but no modules'); |
| <!doctype html> | |
| <html lang="eng"> | |
| <!-- | |
| Based on: Getting Your Head Around Vue.js Scoped Slots - Anthony Gore | |
| https://vuejsdevelopers.com/2017/10/02/vue-js-scoped-slots/ | |
| https://codepen.io/anthonygore/pen/zExPZX | |
| --> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <title>"Slots" in Preact using children prop</title> |
| <!doctype html> | |
| <html lang="eng"> | |
| <!-- | |
| Originally: | |
| https://elixirforum.com/t/passing-json-between-simple-reactjs-and-phoenix-elixir/19799/6 | |
| See also: | |
| https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#Embedding_data_in_HTML | |
| --> | |
| <head> |
| <!doctype html> | |
| <html lang="eng"> | |
| <!-- | |
| --> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <title>Transform Benchmark</title> | |
| <style> | |
| p { | |
| font: 1.25em monospace; |
| <!DOCTYPE html> | |
| <html lang="en-us"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>itertools.permutations in vanilla JavaScript</title> | |
| </head> | |
| <body> | |
| <p>Check Developer Tools Console (Chrome) or Web Developer Web Console (Firefox) </p> |
| // file: /src/index.js | |
| import fastify from 'fastify'; | |
| import marko from 'marko'; | |
| import pointOfView from 'point-of-view'; | |
| const app = fastify({ | |
| logger: true | |
| }); | |
| app.register(pointOfView, { |
Note: There is an official example with-nanostores that lets two islands communicate via nanostores.
Caution: At this point it is unclear whether this technique interferes with the islands autonomous hydration process. On the surface this seems to work but it's not clear what potential drawbacks there may be.
The experiment was performed on a "Starter Kit" installation with a Preact renderer.
… That sums up the widely accepted Layered Architecture pattern for object applications. But this separation of UI, application, and domain is so often attempted and so seldom accomplished that its negation deserves a discussion in its own right.
Many software projects do take and should continue to take a much less sophisticated design approach that I call the Smart UI. But Smart UI is an alternate, mutually exclusive fork in the road, incompatible with the approach of domain-driven design. If that road is taken, most of what is in this book is not applicable. My interest is in the situations where the Smart UI does not apply, which is why I call it, with tongue in cheek, an “anti-pattern.” Discussing it here provides a useful contrast and will help clarify the circumstances that justify the more difficult path taken in the rest of the book.
❊ ❊ ❊
A project needs to deliver simple functionality, dominated by data entry and display, with few business rules. Staff is
Sample run on Ubuntu 22.04 LTS [i7-4900MQ CPU @ 2.80GHz/32GB] Chromium 105.0.5195.102
solid.html)Created 205760 nodes.
278 ms; sum: 9.11303444731602e+305preactive.html)