FubarUI.xyz

Minimal RSC

Maximal RSC

Welcome FooBarUser235 (3)

UI form using ad-hoc components (which are client components)

Date Picker

Auto Complete

Accordian

Click to see more

leet code snippets (which are server components)

Ordering some keys

Et anim aute pariatur exercitation nisi irure et. Ullamco aute esse laboris qui consectetur esse nisi eiusmod id enim reprehenderit tempor. Officia commodo occaecat nisi sunt et ad Lorem dolore fugiat laborum tempor dolore in. Nulla quis et esse. Ipsum ex occaecat ut excepteur esse aliqua ipsum ad in est occaecat anim ullamco.

const unordered = {
  b: "foo",
  c: "bar",
  a: "baz",
};
const ordered = Object.keys(unordered)
  .sort()
  .reduce((obj, key) => {
    obj[key] = unordered[key];
    return obj;
  }, {});

console.log(JSON.stringify(ordered));

Opening a file in rust

Occaecat quis esse dolore laboris sint voluptate aliquip reprehenderit. Dolore labore nulla tempor aute deserunt ut excepteur sint. Incididunt incididunt ullamco id. Dolor nisi mollit adipisicing velit minim veniam duis officia proident nisi cillum proident labore. Tempor labore minim ullamco officia deserunt eu aliquip.

use std::fs::File;

let mut file = File::options()
    .read(true)
    .write(true)
    .open("foo.txt")?;

Ordering some keys

Adipisicing mollit esse sit occaecat eiusmod. Non consectetur aute occaecat aliquip est. Aute sint incididunt labore non aliquip esse. Ipsum fugiat ad qui. Pariatur est ut laboris tempor dolore magna laboris quis id tempor enim culpa ea labore veniam.

const unordered = {
  b: "foo",
  c: "bar",
  a: "baz",
};
const ordered = Object.keys(unordered)
  .sort()
  .reduce((obj, key) => {
    obj[key] = unordered[key];
    return obj;
  }, {});

console.log(JSON.stringify(ordered));

Opening a file in rust

Enim proident eiusmod exercitation minim. Deserunt consequat dolor incididunt cillum culpa consequat consequat enim consequat adipisicing laboris excepteur tempor in dolor. Dolor velit id eu sint sit velit incididunt ad est proident enim deserunt. Ipsum ea nisi ut eu do tempor qui exercitation proident voluptate mollit. Cupidatat proident nostrud eu nostrud excepteur aliqua eu enim eiusmod enim.

use std::fs::File;

let mut file = File::options()
    .read(true)
    .write(true)
    .open("foo.txt")?;

Ordering some keys

Eu id fugiat ut laborum do ut amet dolor id et id occaecat. Proident exercitation do do in nisi minim ullamco incididunt anim sit. Nulla eu adipisicing incididunt consectetur. Qui labore laborum amet nulla ex commodo pariatur ea. Eu exercitation voluptate ut mollit magna nulla magna voluptate.

const unordered = {
  b: "foo",
  c: "bar",
  a: "baz",
};
const ordered = Object.keys(unordered)
  .sort()
  .reduce((obj, key) => {
    obj[key] = unordered[key];
    return obj;
  }, {});

console.log(JSON.stringify(ordered));

About 200 uniquely generated component definitions (to simulate app bloat)

Hamburger

HamburgerA

HamburgerAA

HamburgerAB

HamburgerAC

HamburgerB

HamburgerBA

HamburgerBB

HamburgerBC

HamburgerC

HamburgerCA

HamburgerCB

HamburgerCC

Salad

SaladA

SaladAA

SaladAB

SaladAC

SaladB

SaladBA

SaladBB

SaladBC

SaladC

SaladCA

SaladCB

SaladCC

BabyCorn

BabyCornA

BabyCornAA

BabyCornAB

BabyCornAC

BabyCornB

BabyCornBA

BabyCornBB

BabyCornBC

BabyCornC

BabyCornCA

BabyCornCB

BabyCornCC

PeanutButter

PeanutButterA

PeanutButterAA

PeanutButterAB

PeanutButterAC

PeanutButterB

PeanutButterBA

PeanutButterBB

PeanutButterBC

PeanutButterC

PeanutButterCA

PeanutButterCB

PeanutButterCC

Watermellon

WatermellonA

WatermellonAA

WatermellonAB

WatermellonAC

WatermellonB

WatermellonBA

WatermellonBB

WatermellonBC

WatermellonC

WatermellonCA

WatermellonCB

WatermellonCC

UI form using ad-hoc components (which are client components)

Date Picker

Auto Complete

Accordian

Click to see more

leet code snippets (which are server components)

Ordering some keys

const unordered = {
  b: "foo",
  c: "bar",
  a: "baz",
};
const ordered = Object.keys(unordered)
  .sort()
  .reduce((obj, key) => {
    obj[key] = unordered[key];
    return obj;
  }, {});

console.log(JSON.stringify(ordered));

Opening a file in rust

use std::fs::File;

let mut file = File::options()
    .read(true)
    .write(true)
    .open("foo.txt")?;

Ordering some keys

const unordered = {
  b: "foo",
  c: "bar",
  a: "baz",
};
const ordered = Object.keys(unordered)
  .sort()
  .reduce((obj, key) => {
    obj[key] = unordered[key];
    return obj;
  }, {});

console.log(JSON.stringify(ordered));

Opening a file in rust

use std::fs::File;

let mut file = File::options()
    .read(true)
    .write(true)
    .open("foo.txt")?;

Ordering some keys

const unordered = {
  b: "foo",
  c: "bar",
  a: "baz",
};
const ordered = Object.keys(unordered)
  .sort()
  .reduce((obj, key) => {
    obj[key] = unordered[key];
    return obj;
  }, {});

console.log(JSON.stringify(ordered));

About 200 uniquely generated component definitions (to simulate app bloat)

Hamburger

HamburgerA

HamburgerAA

HamburgerAB

HamburgerAC

HamburgerB

HamburgerBA

HamburgerBB

HamburgerBC

HamburgerC

HamburgerCA

HamburgerCB

HamburgerCC

Salad

SaladA

SaladAA

SaladAB

SaladAC

SaladB

SaladBA

SaladBB

SaladBC

SaladC

SaladCA

SaladCB

SaladCC

BabyCorn

BabyCornA

BabyCornAA

BabyCornAB

BabyCornAC

BabyCornB

BabyCornBA

BabyCornBB

BabyCornBC

BabyCornC

BabyCornCA

BabyCornCB

BabyCornCC

PeanutButter

PeanutButterA

PeanutButterAA

PeanutButterAB

PeanutButterAC

PeanutButterB

PeanutButterBA

PeanutButterBB

PeanutButterBC

PeanutButterC

PeanutButterCA

PeanutButterCB

PeanutButterCC

Watermellon

WatermellonA

WatermellonAA

WatermellonAB

WatermellonAC

WatermellonB

WatermellonBA

WatermellonBB

WatermellonBC

WatermellonC

WatermellonCA

WatermellonCB

WatermellonCC