fernandocamargo

Everything Public Philosophy

The Question

Should every part of the library be public, even internal implementation details?

The philosophy: Make all code accessible with clear disclaimers that internals are encouraged for use but likely to change. Ideally consumers wouldn't need them, but making them available is a bold move towards transparency and flexibility.

---

fernandocamargo

🔹 Atoms

import { Page, Locator } from "playwright";

export type Atom = (page: Page, label: string) => Locator;

export const field: Atom = (page, label) =>
  page.getByLabel(label);

export const button: Atom = (page, label) =>

fernandocamargo

Testing something...

fernandocamargo

https://codesandbox.io/p/sandbox/contentful-fzpnkp

fernandocamargo

import { Suspense, createElement, forwardRef, lazy } from 'react';

import { css } from '@/tools/emotion';

export const enhance = ([{ default: render }, { default: style }]) => {
  const className = css({ name: render.hash }, style);
  const component = (props, ref) =>
    createElement(forwardRef(Object.assign(render, { displayName: '✨' })), {
      ...props,
      className,

fernandocamargo

import { cwd } from 'process';
import { dirname, parse, relative } from 'path';
import { fileURLToPath, URL } from 'url';
import { existsSync } from 'fs';
import { pascalCase } from 'pascal-case';
import { config } from 'dotenv';
import { minimatch } from 'minimatch';
import { transformSync as compile } from '@swc/core';
import { Visitor } from '@swc/core/Visitor';
import { defineConfig } from 'vite';

fernandocamargo

const delay = () => (Math.floor(Math.random() * 6) + 1) * 1000;

const callback1 = () =>
  new Promise((resolve) =>
    setTimeout(() => resolve(console.log({ callback: 1 })), delay())
  );

const callback2 = () =>
  new Promise((resolve) =>
    setTimeout(() => resolve(console.log({ callback: 2 })), delay())

fernandocamargo

// @ts-nocheck
export default ({ error: { message: error }, render: Render }) => (
  <div>
    <h3>Error: {error}</h3>
    <Render error />
  </div>
);

fernandocamargo

// Feb 21, 2016, 4:31 AM
// I have no idea why I wrote this
console.clear();

var identities = [];

var identity = function () {
	var symbol = '█████';
	var color = (this.color || '#000');
  var repeated = (identities.indexOf(color) >= 0);

fernandocamargo

Implement a compression algorithm that will count letters, e.g. coooooobalt => c6xobalt (or: 1xc6xo1xb1xa1xl1xt) stttartuuuup => s3xtart4xup (or: 1xs3xt1xa1xr1xt4xu1xp)

Use the language/technology you feel strong in.