From 6de82ba8041bb69c6e2b65167b7046fc379cba94 Mon Sep 17 00:00:00 2001 From: Emmanuel Krebs Date: Wed, 19 Jun 2024 10:02:46 +0200 Subject: [PATCH] 2024-06-19 update --- .obsidian/workspace.json | 40 ++++++++++++++++++------------- programming/Icons.md | 1 + programming/Node/general.md | 4 ++++ programming/React/explanation.md | 1 + programming/React/general.md | 4 ++++ programming/SVG/general.md | 2 ++ programming/Typescript/general.md | 1 + programming/css/general.md | 2 ++ programming/general.md | 4 +++- programming/html.md | 1 + 10 files changed, 43 insertions(+), 17 deletions(-) diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json index 4db0b79..e5ce011 100644 --- a/.obsidian/workspace.json +++ b/.obsidian/workspace.json @@ -11,8 +11,12 @@ "id": "4545bc36ed1dcbb0", "type": "leaf", "state": { - "type": "empty", - "state": {} + "type": "markdown", + "state": { + "file": "programming/Node/general.md", + "mode": "source", + "source": false + } } } ] @@ -44,7 +48,7 @@ "state": { "type": "search", "state": { - "query": "default-c", + "query": "icon", "matchingCase": false, "explainSearch": false, "collapseAll": false, @@ -89,6 +93,7 @@ "state": { "type": "backlink", "state": { + "file": "programming/Node/general.md", "collapseAll": false, "extraContext": false, "sortOrder": "alphabetical", @@ -105,6 +110,7 @@ "state": { "type": "outgoing-link", "state": { + "file": "programming/Node/general.md", "linksCollapsed": false, "unlinkedCollapsed": true } @@ -115,7 +121,9 @@ "type": "leaf", "state": { "type": "outline", - "state": {} + "state": { + "file": "programming/Node/general.md" + } } }, { @@ -160,30 +168,30 @@ }, "active": "4545bc36ed1dcbb0", "lastOpenFiles": [ - "programming/wasm.md", + "programming/Node/Libraries.md", + "programming/Node/general.md", + "programming/React/general.md", + "programming/React/explanation.md", + "programming/SVG/general.md", + "programming/Icons.md", + "programming/SVG/SVG sprites.md", + "programming/css/general.md", + "programming/React/RSC.md", + "programming/Typescript/general.md", "programming/html.md", + "programming/general.md", + "programming/wasm.md", "programming/css/tips & cool stuff.md", - "programming/css/general.md", "programming/css/tailwind css.md", - "programming/Typescript/general.md", "programming/Regex.md", - "programming/Node/general.md", - "programming/Icons.md", "Art.md", - "programming/React/explanation.md", - "programming/React/general.md", "programming/Javascript/general.md", "programming/Javascript/string comparison.md", "programming/Typescript/Utility types.md", - "programming/general.md", "programming/tools.md", "programming/_memo.md", "programming/bun.md", - "programming/React/RSC.md", "programming/Tests.md", - "programming/Node/Libraries.md", - "programming/SVG/general.md", - "programming/SVG/SVG sprites.md", "programming/Multi-platform.md", "Games.md", "programming/React", diff --git a/programming/Icons.md b/programming/Icons.md index 37bbeb8..9448133 100644 --- a/programming/Icons.md +++ b/programming/Icons.md @@ -1,3 +1,4 @@ [apple - SF Symbols](https://developer.apple.com/sf-symbols/) [brand icons](https://simpleicons.org/) [huge icons react](https://github.com/hugeicons/hugeicons-react) +[flowbite svg icons](https://flowbite.com/icons/) diff --git a/programming/Node/general.md b/programming/Node/general.md index 96c4630..317ebb6 100644 --- a/programming/Node/general.md +++ b/programming/Node/general.md @@ -7,6 +7,10 @@ [understand node.js event loop](https://www.builder.io/blog/visual-guide-to-nodejs-event-loop) [event loop (youtube)](https://www.youtube.com/watch?v=8aGhZQkoFbQ) +[tsx (run typescript in node)](https://tsx.is/) + +[understanding email sending application](https://github.com/nicanorflavier/spf-dkim-dmarc-simplified) + ## npm [typescript node package](https://www.strictmode.io/articles/build-test-and-publish-npm-package-2022) [node modules doctor](https://github.com/ranyitz/qnm) diff --git a/programming/React/explanation.md b/programming/React/explanation.md index 7539d4f..523ff95 100644 --- a/programming/React/explanation.md +++ b/programming/React/explanation.md @@ -2,6 +2,7 @@ [the journey of a react component](https://alexsidorenko.com/react-journey) [how virtual DOM in implemented in React](https://angularindepth.com/posts/1501/exploring-how-virtual-dom-is-implemented-in-react) +[A virtual DOM in 200 lines of JavaScript](https://lazamar.github.io/virtual-dom/) [forwardRef / how to pass refs to child components](https://dmitripavlutin.com/react-forwardref/) [How To Use forwardRef With Generic Components](https://www.totaltypescript.com/forwardref-with-generic-components) diff --git a/programming/React/general.md b/programming/React/general.md index 394cbb8..5891da3 100644 --- a/programming/React/general.md +++ b/programming/React/general.md @@ -17,6 +17,10 @@ [location aware sidebar with React router](https://ui.dev/react-router-sidebar-breadcrumbs) [typesafe React router in 500 lines](https://sinja.io/blog/build-typesafe-react-router-from-scratch) +# tips +[Conditional React hooks pattern](https://robinmalfait.com/blog/conditional-react-hooks-pattern) +[picking a react state approach](https://x.com/housecor/status/1799435036736778364) + ## Tools [react charts](https://www.react-graph-gallery.com/) [server component for syntax highlighting](https://bright.codehike.org/) diff --git a/programming/SVG/general.md b/programming/SVG/general.md index 3c459c2..6ab9736 100644 --- a/programming/SVG/general.md +++ b/programming/SVG/general.md @@ -18,3 +18,5 @@ ## resources [brand icons](https://simpleicons.org/) [shapes](https://shapes.framer.website/) +[svg logos](https://svgl.app/) +[svg filters](https://yoksel.github.io/svg-filters) diff --git a/programming/Typescript/general.md b/programming/Typescript/general.md index 79538c7..2f91fc6 100644 --- a/programming/Typescript/general.md +++ b/programming/Typescript/general.md @@ -23,6 +23,7 @@ [AST viewer](https://ts-ast-viewer.com/) [write you own Zod](https://zackoverflow.dev/writing/write-your-own-zod/) [Drizzle ORM](https://github.com/drizzle-team/drizzle-orm) +[Live types in a TypeScript monorepo](https://colinhacks.com/essays/live-types-typescript-monorepo) ## libraries [motion - animated videos using Canvas API](https://motioncanvas.io/) diff --git a/programming/css/general.md b/programming/css/general.md index 38a8e1e..c113a95 100644 --- a/programming/css/general.md +++ b/programming/css/general.md @@ -16,6 +16,8 @@ [interactive flexbox guide](https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/) [revert-layer (css reset)](https://www.mayank.co/blog/revert-layer) [cascade & specificity](https://piccalil.li/blog/a-primer-on-the-cascade-and-specificity/) +[Using CSS content-visibility to boost your rendering performance](https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance/) +[gap](https://ishadeed.com/article/the-gap/) ## how [how custom property values are computed](https://moderncss.dev/how-custom-property-values-are-computed/) diff --git a/programming/general.md b/programming/general.md index 04226a6..94b1c0b 100644 --- a/programming/general.md +++ b/programming/general.md @@ -6,4 +6,6 @@ [Dealing with diverged git branches](https://jvns.ca/blog/2024/02/01/dealing-with-diverged-git-branches/) -[how to write a code formatter](https://yorickpeterse.com/articles/how-to-write-a-code-formatter/) \ No newline at end of file +[how to write a code formatter](https://yorickpeterse.com/articles/how-to-write-a-code-formatter/) + +[Best Practices For Naming Design Tokens, Components And Variables](https://www.smashingmagazine.com/2024/05/naming-best-practices/) diff --git a/programming/html.md b/programming/html.md index 6764107..58d8329 100644 --- a/programming/html.md +++ b/programming/html.md @@ -1,5 +1,6 @@ [safely break a long word](https://www.amitmerchant.com/two-ways-to-safely-break-a-long-word-in-html/) [Dialog element for modals](https://blog.webdevsimplified.com/2023-04/html-dialog/) +[decision trees for UI components](https://www.smashingmagazine.com/2024/05/decision-trees-ui-components/) ## a11y [accessible headings](https://luhr.co/blog/2023/09/12/all-about-accessible-headings/)