webdev

webdev

dz / webdev

Subgraphs

Node Tree

Nodes

wiredjs
content A set of common UI elements with a hand-drawn, sketchy look.
hyperlink https://wiredjs.com/
tags js, webdev, UI

export_js
content export js keyword (MDN)
parents react/quickstart
hyperlink https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export

slider
content slider: range input
hyperlink https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range
tags mdn, html

audioworklet_safari
content implementing audioworklet in safari
remarks maybe this can fix issues on iphone?
hyperlink https://stackoverflow.com/questions/73164697/implementing-an-audioworklet-in-safari
tags safari, audioworklet

textcontent_mdn
content textContent property in node
hyperlink https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

spread_syntax
content Spread Syntax in JS
children react/tic_tac_toe (discovered spread syntax from react's tic tac toe tutorial)
remarks Initially discovered while doing React tic-tac-toe tutorial
hyperlink https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
tags js, mdn

single_responsibility_principle
content Single Responsibility Principle: A module should be responsible to one, and only one, actor.
parents react/thinking_in_react
remarks found while reading the "Thinking In React" page
hyperlink https://en.wikipedia.org/wiki/Single-responsibility_principle
flashcard (front) what is the Single Responsibility principle?
flashcard (back) The single-responsibility principle (SRP) is a computer programming principle that states that a module should be responsible to one, and only one, actor.

class_selectors
content Class Selectors
parents react/thinking_in_react
hyperlink https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors
tags mdn, css

nanostores
content Nanostores: A tiny (286 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores
parents codestudy/rusty_bikes/client_README
hyperlink https://github.com/nanostores/nanostores
tags webdev

codepen_canvas_pixels
content small webgl example drawing pixels
hyperlink https://codepen.io/anon/pen/pgBjBy
tags webdev, webgl

zod
content zod: TypeScript-first schema validation with static type inference
hyperlink https://zod.dev/

conform
content conform: Conform is a type-safe form validation library utilizing web fundamentals to progressively enhance HTML Forms with full support for server frameworks like Remix and Next.js.
hyperlink https://conform.guide/

mswjs
content mswjs: API mocking library that allows you to write client-agnostic mocks and reuse them across any frameworks, tools, and environments.
hyperlink https://mswjs.io/

pdfmake
content Client/server side PDF printing in pure JavaScript
hyperlink http://pdfmake.org/
tags pdf, webdev

vercel_files_serverless
content This guide will explain how to read files from Vercel Functions, both when used with frameworks like Next.js or standalone on Vercel.
hyperlink https://vercel.com/guides/how-can-i-use-files-in-serverless-functions
tags vercel, webdev

npx_create_react_app_typescript
content npx create-react-app my-app --template typescript

mdn_header_element
content The header element (MDN)
parents codestudy/hello_ts_react/header_element
hyperlink https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header
tags html, mdn

typescript_handbook
content The (new) typescript handbook
hyperlink https://microsoft.github.io/TypeScript-New-Handbook/everything/
tags typescript

slug
content slug MDN
remarks came up while looking at keys from a LC75 data dump
hyperlink https://developer.mozilla.org/en-US/docs/Glossary/Slug
tags mdn

deno
content Deno: A modern runtime for JavaScript and TypeScript.
hyperlink https://github.com/denoland/deno

stately_docs
content Stately documentation
remarks DF mentioned this when we were talking about state machines, thinks the concepts are solid.
hyperlink https://stately.ai/docs

digitalocean_typescript_new_project
content How to set up a new typescript project (DigitalOcean)
hyperlink https://www.digitalocean.com/community/tutorials/typescript-new-project

using_pointer_events
content MDN: Using pointer events
hyperlink https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events/Using_Pointer_Events

touch_action
content touch action
remarks had to set this to be none for it to work in chrome
hyperlink https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

bun_js
content Bun: A fast all-in-one javascript runtime.
remarks This was mentioned by 3 different people in the span of a few days at RC. So, I thought it'd be worth checking out. Also, parts of it are written in Zig.
hyperlink https://bun.sh/

12factor
content The 12-factor app is a methodlogy for building software-as-a-service apps.
remarks found via zulip.
hyperlink https://12factor.net/

mdxjs
content MDX lets you use JSX in your markdown content.
hyperlink https://mdxjs.com/

rxjs
content RxJS is a library for composing asynchronous and event-based programs by using observable sequences.
remarks DF was trying this out in his granular synth app, mostly as way to manipulate events.
hyperlink https://rxjs.dev/guide/observable