2024-06-19 update

.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",

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/)

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)

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)

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/)

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)

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/)

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/)

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/)
+[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/)

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/)