2024-04-07 update

e-krebs · Apr 7, 2024 · 45eac27 · 45eac27
1 parent 9de922c
commit 45eac27
Show file tree

Hide file tree

Showing 9 changed files with 39 additions and 19 deletions.
diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json
@@ -13,7 +13,7 @@
             "state": {
               "type": "markdown",
               "state": {
-                "file": "programming/React/explanation.md",
+                "file": "programming/css/tips & cool stuff.md",
                 "mode": "source",
                 "source": false
               }
@@ -48,7 +48,7 @@
             "state": {
               "type": "search",
               "state": {
-                "query": "",
+                "query": "color sc",
                 "matchingCase": false,
                 "explainSearch": false,
                 "collapseAll": false,
@@ -73,7 +73,8 @@
               "state": {}
             }
           }
-        ]
+        ],
+        "currentTab": 1
       }
     ],
     "direction": "horizontal",
@@ -93,7 +94,7 @@
             "state": {
               "type": "backlink",
               "state": {
-                "file": "programming/React/explanation.md",
+                "file": "programming/css/tips & cool stuff.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -110,7 +111,7 @@
             "state": {
               "type": "outgoing-link",
               "state": {
-                "file": "programming/React/explanation.md",
+                "file": "programming/css/tips & cool stuff.md",
                 "linksCollapsed": false,
                 "unlinkedCollapsed": true
               }
@@ -122,7 +123,7 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "programming/React/explanation.md"
+                "file": "programming/css/tips & cool stuff.md"
               }
             }
           },
@@ -166,34 +167,34 @@
       "command-palette:Open command palette": false
     }
   },
-  "active": "5e78851e66e1c365",
+  "active": "6475e229d109b362",
   "lastOpenFiles": [
-    "programming/SVG/general.md",
-    "programming/SVG/SVG sprites.md",
-    "programming/general.md",
-    "programming/Multi-platform.md",
     "programming/css/general.md",
-    "programming/Javascript/general.md",
-    "Games.md",
+    "programming/css/tailwind css.md",
+    "programming/Typescript/general.md",
+    "programming/Typescript/Utility types.md",
+    "Art.md",
+    "programming/_memo.md",
+    "programming/Tests.md",
     "programming/React/general.md",
     "programming/React/explanation.md",
-    "programming/Typescript/general.md",
+    "programming/Javascript/general.md",
     "programming/Node/Libraries.md",
     "programming/Javascript/string comparison.md",
-    "programming/_memo.md",
+    "programming/SVG/general.md",
+    "programming/SVG/SVG sprites.md",
+    "programming/general.md",
+    "programming/Multi-platform.md",
+    "Games.md",
     "programming/tools.md",
     "programming/html.md",
     "programming/Icons.md",
     "programming/linting.md",
     "programming/packages.md",
-    "Art.md",
     "Carrier.md",
     "programming/css/tips & cool stuff.md",
-    "programming/css/tailwind css.md",
     "programming/React/RSC.md",
     "programming/Node/general.md",
-    "programming/Tests.md",
-    "programming/Typescript/Utility types.md",
     "programming/React",
     "programming/css",
     "programming/Javascript",

diff --git a/Art.md b/Art.md
@@ -15,3 +15,5 @@ https://yuanchuan.dev/daily-sketch-1
 https://yuanchuan.dev/daily-sketch-2
 https://yuanchuan.dev/daily-sketch-3
 https://yuanchuan.dev/daily-sketch-4
+
+[azulejo](https://github.com/nemutas/azulejo)
diff --git a/programming/Javascript/general.md b/programming/Javascript/general.md
@@ -9,6 +9,7 @@
 [biometric auth](https://stackoverflow.blog/2022/11/16/biometric-authentication-for-web-devs/)
 [data structures (Map, Set, Stack, Queue, Tree)](https://profy.dev/article/javascript-data-structures)
 [compress an image before upload](https://pqina.nl/blog/compress-image-before-upload)
+[pragmatic drag & drop](https://github.com/atlassian/pragmatic-drag-and-drop)
 
 ## cool stuff
 [draw regular shapes](https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/)

diff --git a/programming/React/explanation.md b/programming/React/explanation.md
@@ -4,9 +4,13 @@
 [how virtual DOM in implemented in React](https://angularindepth.com/posts/1501/exploring-how-virtual-dom-is-implemented-in-react)
 
 [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)
+
 [refs in React: from access to DOM to imperative API](https://www.developerway.com/posts/refs-from-dom-to-api)
 
 [concurrency in React](https://sinja.io/blog/guide-to-concurrency-in-react-18)
+[Concurent React (and some Suspense)](https://blog.codeminer42.com/everything-you-need-to-know-about-concurrent-react-with-a-little-bit-of-suspense)
+
 [Concurrent React, External Stores, and Tearing](https://interbolt.org/blog/react-ui-tearing/)
 
 [React's cache function](https://unicorn-utterances.com/posts/explaining-reacts-cache-function)

diff --git a/programming/React/general.md b/programming/React/general.md
@@ -10,10 +10,12 @@
 [How to fetch data in React with performance in mind](https://www.developerway.com/posts/how-to-fetch-data-in-react)
 [swr](https://swr.vercel.app/)
 [toggle + request & optimistic update (useMutation)](https://www.propelauth.com/post/using-usemutation-to-make-an-advanced-toggle-in-react)
+[Fetching data in React: the case of lost Promises](https://www.developerway.com/posts/fetching-in-react-lost-promises)
 
 ## react router
 [complete guide to React router](https://ui.dev/react-router-tutorial)
 [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)
 
 ## Tools
 [react charts](https://www.react-graph-gallery.com/)
@@ -47,6 +49,8 @@
 [Strongly Type useRef with ElementRef](https://www.totaltypescript.com/strongly-type-useref-with-elementref)
 [avoid flash of empty UI](https://www.jameskerr.blog/posts/use-data-transition/)
 [about memoization](https://tkdodo.eu/blog/the-uphill-battle-of-memoization)
+[performant React apps with Context](https://www.developerway.com/posts/how-to-write-performant-react-apps-with-context)
+[A faster React.memo](https://romgrk.com/posts/react-fast-memo/)
 
 [iOS-like modal with react-aria-components & framer-motion](https://codesandbox.io/s/quirky-tharp-or0qip?file=/src/App.js)
 [build.ui recipes](https://buildui.com/recipes)

diff --git a/programming/Tests.md b/programming/Tests.md
@@ -1,6 +1,8 @@
 ## tips
 [react component tests clean & maintainable](https://medium.com/globant/achieving-clean-and-maintainable-react-component-tests-b3d5e0483307)
 [running 1000 tests in 1s](https://marvinh.dev/blog/running-1000-test-in-1s/)
+[Best Practices for Writing Tests with React Testing Library](https://claritydev.net/blog/improving-react-testing-library-tests)
+
 ## tools
 [vitest](https://vitest.dev/)
 [node native test runner](https://pawelgrzybek.com/you-might-not-need-jest-the-node-js-native-test-runner-is-great/)
diff --git a/programming/Typescript/general.md b/programming/Typescript/general.md
@@ -1,5 +1,6 @@
 ## linting
 [Method Shorthand Syntax Considered Harmful](https://www.totaltypescript.com/method-shorthand-syntax-considered-harmful)
+[markcheck – test Markdown code blocks](https://github.com/rauschma/markcheck)
 
 ## typesafe string literal/router
 [Extract parameter types from string literal types with TypeScript](https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript)
@@ -25,3 +26,4 @@
 ## libraries
 [motion - animated videos using Canvas API](https://motioncanvas.io/)
 [path to regex](https://github.com/pillarjs/path-to-regexp)
+[replaces spread: default composer](https://aralroca.com/blog/default-composer) [GitHub](https://github.com/aralroca/default-composer)
diff --git a/programming/_memo.md b/programming/_memo.md
@@ -3,3 +3,4 @@
 [migration guide](https://eslint.org/docs/latest/use/configure/migration-guide)
 [custom rule prep for v9](https://eslint.org/blog/2023/09/preparing-custom-rules-eslint-v9/)
 [You Probably Don't Need eslint-config-prettier or eslint-plugin-prettier](https://www.joshuakgoldberg.com/blog/you-probably-dont-need-eslint-config-prettier-or-eslint-plugin-prettier/)
+[eslint config inspector](https://eslint.org/blog/2024/04/eslint-config-inspector/)
diff --git a/programming/css/tips & cool stuff.md b/programming/css/tips & cool stuff.md
@@ -19,6 +19,9 @@
 [circular text](https://dev.to/jh3y/circular-text-with-css-57jf)
 [radial gradient](https://css-irl.info/radial-gradients-and-css-trigonometric-functions/)
 [draw radar charts](https://www.smashingmagazine.com/2024/02/draw-radar-charts-web/)
+[Top 5 CSS Mistakes made by Front End Engineers](https://www.greatfrontend.com/blog/top-css-mistakes-made-by-front-end-engineers)
+[What You Need to Know about Modern CSS (Spring 2024 Edition)](https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/)
+[# Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript](https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/)
 
 ### nested rounded corners
 [nested radius](https://twitter.com/aleksliving/status/1687889580555407361)