webdev
dz / webdevSubgraphs
Node Tree
- single_responsibility_principle
- export_js
- codepen_canvas_pixels
- textcontent_mdn
- deno
- nanostores
- mswjs
- class_selectors
- using_pointer_events
- touch_action
- npx_create_react_app_typescript
- vercel_files_serverless
- bun_js
- audioworklet_safari
- wiredjs
- zod
- slider
- slug
- typescript_handbook
- digitalocean_typescript_new_project
- pdfmake
- mdn_header_element
- stately_docs
- 12factor
- conform
- spread_syntax
Nodes
| wiredjs | |
| content | A set of common UI elements with a hand-drawn, sketchy look. |
| hyperlink | https://wiredjs.com/ |
| tags | js, UI, webdev |
| 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 |
| class_selectors | |
| content | Class Selectors |
| parents | react/thinking_in_react |
| hyperlink | https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors |
| tags | css, mdn |
| 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 | webgl, webdev |
| 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 | webdev, pdf |
| 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/ |