Taran "tearing it up" Bains Blog https://taranveerbains.ca/til Today Taran learned about... Tue, 30 Jun 2026 07:00:00 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed en Taran "tearing it up" Bains <![CDATA[MOSH]]> https://taranveerbains.ca/til?offset=14&til=2026-06-30-mosh#2026-06-30-mosh https://taranveerbains.ca/til?offset=14&til=2026-06-30-mosh#2026-06-30-mosh Tue, 30 Jun 2026 07:00:00 GMT <![CDATA[Shimmer From Structure]]> https://taranveerbains.ca/til?offset=14&til=2026-06-29-shimmer-from-structure#2026-06-29-shimmer-from-structure https://taranveerbains.ca/til?offset=14&til=2026-06-29-shimmer-from-structure#2026-06-29-shimmer-from-structure Mon, 29 Jun 2026 07:00:00 GMT <![CDATA[Hydration errors and extensions]]> https://taranveerbains.ca/til?offset=14&til=2026-06-29-hydration-errors-and-extensions#2026-06-29-hydration-errors-and-extensions https://taranveerbains.ca/til?offset=14&til=2026-06-29-hydration-errors-and-extensions#2026-06-29-hydration-errors-and-extensions Mon, 29 Jun 2026 07:00:00 GMT <![CDATA[Self-hosted Wanderlog]]> https://taranveerbains.ca/til?offset=14&til=2026-06-25-self-hosted-wanderlog#2026-06-25-self-hosted-wanderlog https://taranveerbains.ca/til?offset=14&til=2026-06-25-self-hosted-wanderlog#2026-06-25-self-hosted-wanderlog Thu, 25 Jun 2026 07:00:00 GMT <![CDATA[cnfast]]> https://taranveerbains.ca/til?offset=14&til=2026-06-23-cnfast#2026-06-23-cnfast https://taranveerbains.ca/til?offset=14&til=2026-06-23-cnfast#2026-06-23-cnfast Tue, 23 Jun 2026 07:00:00 GMT <![CDATA[Cooler prefetching]]> https://taranveerbains.ca/til?offset=14&til=2026-06-22-cooler-prefetching#2026-06-22-cooler-prefetching https://taranveerbains.ca/til?offset=14&til=2026-06-22-cooler-prefetching#2026-06-22-cooler-prefetching Mon, 22 Jun 2026 07:00:00 GMT <![CDATA[Code review, in your terminal.]]> https://taranveerbains.ca/til?offset=14&til=2026-06-19-code-review-in-your-terminal#2026-06-19-code-review-in-your-terminal https://taranveerbains.ca/til?offset=14&til=2026-06-19-code-review-in-your-terminal#2026-06-19-code-review-in-your-terminal Fri, 19 Jun 2026 07:00:00 GMT <![CDATA[herdr]]> https://taranveerbains.ca/til?offset=14&til=2026-05-28-herdr#2026-05-28-herdr https://taranveerbains.ca/til?offset=14&til=2026-05-28-herdr#2026-05-28-herdr Thu, 28 May 2026 07:00:00 GMT <![CDATA[react hook forms]]> https://taranveerbains.ca/til?offset=14&til=2026-05-04-react-hook-forms#2026-05-04-react-hook-forms https://taranveerbains.ca/til?offset=14&til=2026-05-04-react-hook-forms#2026-05-04-react-hook-forms Mon, 04 May 2026 07:00:00 GMT <![CDATA[reactive resume]]> https://taranveerbains.ca/til?offset=14&til=2026-04-26-reactive-resume#2026-04-26-reactive-resume https://taranveerbains.ca/til?offset=14&til=2026-04-26-reactive-resume#2026-04-26-reactive-resume Sun, 26 Apr 2026 07:00:00 GMT <![CDATA[skills marketplace]]> https://taranveerbains.ca/til?offset=14&til=2026-04-20-skills-marketplace#2026-04-20-skills-marketplace https://taranveerbains.ca/til?offset=14&til=2026-04-20-skills-marketplace#2026-04-20-skills-marketplace Mon, 20 Apr 2026 07:00:00 GMT <![CDATA[product vs engineering]]> https://taranveerbains.ca/til?offset=14&til=2026-04-07-product-vs-engineering#2026-04-07-product-vs-engineering https://taranveerbains.ca/til?offset=14&til=2026-04-07-product-vs-engineering#2026-04-07-product-vs-engineering Tue, 07 Apr 2026 07:00:00 GMT <![CDATA[Forgejo]]> https://taranveerbains.ca/til?offset=14&til=2026-04-03-forgejo#2026-04-03-forgejo https://taranveerbains.ca/til?offset=14&til=2026-04-03-forgejo#2026-04-03-forgejo Fri, 03 Apr 2026 07:00:00 GMT <![CDATA[react joyride]]> https://taranveerbains.ca/til?offset=14&til=2026-03-27-react-joyride#2026-03-27-react-joyride https://taranveerbains.ca/til?offset=14&til=2026-03-27-react-joyride#2026-03-27-react-joyride Fri, 27 Mar 2026 07:00:00 GMT <![CDATA[Easing wizard]]> https://taranveerbains.ca/til?offset=14&til=2026-03-13-easing-wizard#2026-03-13-easing-wizard https://taranveerbains.ca/til?offset=14&til=2026-03-13-easing-wizard#2026-03-13-easing-wizard Fri, 13 Mar 2026 07:00:00 GMT <![CDATA[Starting Style]]> https://taranveerbains.ca/til?offset=14&til=2026-03-11-starting-style#2026-03-11-starting-style https://taranveerbains.ca/til?offset=14&til=2026-03-11-starting-style#2026-03-11-starting-style Wed, 11 Mar 2026 07:00:00 GMT <![CDATA[Impeccable Design Skills]]> https://taranveerbains.ca/til?offset=14&til=2026-03-10-impeccable-design-skills#2026-03-10-impeccable-design-skills https://taranveerbains.ca/til?offset=14&til=2026-03-10-impeccable-design-skills#2026-03-10-impeccable-design-skills Tue, 10 Mar 2026 07:00:00 GMT <![CDATA[React Flow]]> https://taranveerbains.ca/til?offset=14&til=2026-03-09-react-flow#2026-03-09-react-flow https://taranveerbains.ca/til?offset=14&til=2026-03-09-react-flow#2026-03-09-react-flow Mon, 09 Mar 2026 07:00:00 GMT <![CDATA[npmx]]> https://taranveerbains.ca/til?offset=14&til=2026-03-03-npmx#2026-03-03-npmx https://taranveerbains.ca/til?offset=14&til=2026-03-03-npmx#2026-03-03-npmx Tue, 03 Mar 2026 08:00:00 GMT <![CDATA[CSS Specificity Calculator]]> https://taranveerbains.ca/til?offset=14&til=2026-02-26-css-specificity-calculator#2026-02-26-css-specificity-calculator https://taranveerbains.ca/til?offset=14&til=2026-02-26-css-specificity-calculator#2026-02-26-css-specificity-calculator Thu, 26 Feb 2026 08:00:00 GMT <![CDATA[Tailwind CSS Color Generator]]> https://taranveerbains.ca/til?offset=14&til=2026-02-21-tailwind-css-color-generator#2026-02-21-tailwind-css-color-generator https://taranveerbains.ca/til?offset=14&til=2026-02-21-tailwind-css-color-generator#2026-02-21-tailwind-css-color-generator Sat, 21 Feb 2026 08:00:00 GMT <![CDATA[Modern CSS]]> https://taranveerbains.ca/til?offset=14&til=2026-02-18-modern-css#2026-02-18-modern-css https://taranveerbains.ca/til?offset=14&til=2026-02-18-modern-css#2026-02-18-modern-css Wed, 18 Feb 2026 08:00:00 GMT <![CDATA[React Bits]]> https://taranveerbains.ca/til?offset=14&til=2026-02-13-react-bits#2026-02-13-react-bits https://taranveerbains.ca/til?offset=14&til=2026-02-13-react-bits#2026-02-13-react-bits Fri, 13 Feb 2026 08:00:00 GMT <![CDATA[CSS Box Shadow List]]> https://taranveerbains.ca/til?offset=14&til=2026-01-28-css-box-shadow-list#2026-01-28-css-box-shadow-list https://taranveerbains.ca/til?offset=14&til=2026-01-28-css-box-shadow-list#2026-01-28-css-box-shadow-list Wed, 28 Jan 2026 08:00:00 GMT <![CDATA[emoji favicon]]> https://taranveerbains.ca/til?offset=14&til=2025-12-15-emoji-favicon#2025-12-15-emoji-favicon https://taranveerbains.ca/til?offset=14&til=2025-12-15-emoji-favicon#2025-12-15-emoji-favicon Mon, 15 Dec 2025 08:00:00 GMT <![CDATA[light-dark]]> https://taranveerbains.ca/til?offset=14&til=2025-11-19-light-dark#2025-11-19-light-dark https://taranveerbains.ca/til?offset=14&til=2025-11-19-light-dark#2025-11-19-light-dark Wed, 19 Nov 2025 08:00:00 GMT <![CDATA[OKLCH color model]]> https://taranveerbains.ca/til?offset=14&til=2025-11-13-oklch-color-model#2025-11-13-oklch-color-model https://taranveerbains.ca/til?offset=14&til=2025-11-13-oklch-color-model#2025-11-13-oklch-color-model Thu, 13 Nov 2025 08:00:00 GMT <![CDATA[shadcn registries]]> https://taranveerbains.ca/til?offset=14&til=2025-11-06-shadcn-registries#2025-11-06-shadcn-registries https://taranveerbains.ca/til?offset=14&til=2025-11-06-shadcn-registries#2025-11-06-shadcn-registries Thu, 06 Nov 2025 08:00:00 GMT <![CDATA[output tag]]> https://taranveerbains.ca/til?offset=14&til=2025-10-29-output-tag#2025-10-29-output-tag https://taranveerbains.ca/til?offset=14&til=2025-10-29-output-tag#2025-10-29-output-tag Wed, 29 Oct 2025 07:00:00 GMT ` element represents the result of a calculation performed by the application, or the result of a user action. ```html
+ = 60
``` [Check it out](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/output) ]]> <![CDATA[ArkRegex]]> https://taranveerbains.ca/til?offset=14&til=2025-10-28-ark-regex#2025-10-28-ark-regex https://taranveerbains.ca/til?offset=14&til=2025-10-28-ark-regex#2025-10-28-ark-regex Tue, 28 Oct 2025 07:00:00 GMT const semver = regex('^(\\d*)\\.(\\d*)\\.(\\d*)$') // Regex<`${bigint}.${bigint}.${bigint}`, { captures: [`${bigint}`, `${bigint}`, `${bigint}`] }> const email = regex('^(?\\w+)@(?\\w+\\.\\w+)$') // Regex<`${string}@${string}.${string}`, { names: { name: string; domain: `${string}.${string}`; }; ...> ``` [Check it out](https://arktype.io/docs/blog/arkregex) ]]> <![CDATA[passkeys]]> https://taranveerbains.ca/til?offset=14&til=2025-10-27-passkeys#2025-10-27-passkeys https://taranveerbains.ca/til?offset=14&til=2025-10-27-passkeys#2025-10-27-passkeys Mon, 27 Oct 2025 07:00:00 GMT <![CDATA[will-change]]> https://taranveerbains.ca/til?offset=14&til=2025-10-22-will-change#2025-10-22-will-change https://taranveerbains.ca/til?offset=14&til=2025-10-22-will-change#2025-10-22-will-change Wed, 22 Oct 2025 07:00:00 GMT <![CDATA[scroll margin top]]> https://taranveerbains.ca/til?offset=14&til=2025-10-04-scroll-margin-top#2025-10-04-scroll-margin-top https://taranveerbains.ca/til?offset=14&til=2025-10-04-scroll-margin-top#2025-10-04-scroll-margin-top Sat, 04 Oct 2025 07:00:00 GMT <![CDATA[Fetch Credentials]]> https://taranveerbains.ca/til?offset=14&til=2025-10-01-fetch-credentials#2025-10-01-fetch-credentials https://taranveerbains.ca/til?offset=14&til=2025-10-01-fetch-credentials#2025-10-01-fetch-credentials Wed, 01 Oct 2025 07:00:00 GMT <![CDATA[google stitch]]> https://taranveerbains.ca/til?offset=14&til=2025-09-28-google-stitch#2025-09-28-google-stitch https://taranveerbains.ca/til?offset=14&til=2025-09-28-google-stitch#2025-09-28-google-stitch Sun, 28 Sep 2025 07:00:00 GMT <![CDATA[:user-valid and :user-invalid]]> https://taranveerbains.ca/til?offset=14&til=2025-09-17-user-valid-and-user-invalid#2025-09-17-user-valid-and-user-invalid https://taranveerbains.ca/til?offset=14&til=2025-09-17-user-valid-and-user-invalid#2025-09-17-user-valid-and-user-invalid Wed, 17 Sep 2025 07:00:00 GMT [Check it out](https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes) ]]> <![CDATA[css nth tester]]> https://taranveerbains.ca/til?offset=14&til=2025-09-12-css-nth-tester#2025-09-12-css-nth-tester https://taranveerbains.ca/til?offset=14&til=2025-09-12-css-nth-tester#2025-09-12-css-nth-tester Fri, 12 Sep 2025 07:00:00 GMT <![CDATA[Beacon API]]> https://taranveerbains.ca/til?offset=14&til=2025-08-31-beacon-api#2025-08-31-beacon-api https://taranveerbains.ca/til?offset=14&til=2025-08-31-beacon-api#2025-08-31-beacon-api Sun, 31 Aug 2025 07:00:00 GMT { if (document.visibilityState === 'hidden') { navigator.sendBeacon('/log', analyticsData) } }) ``` [Check it out](https://developer.mozilla.org/en-US/docs/Web/API/Beacon_API) ]]> <![CDATA[ebooks to audiobooks]]> https://taranveerbains.ca/til?offset=14&til=2025-08-27-ebooks-to-audiobooks#2025-08-27-ebooks-to-audiobooks https://taranveerbains.ca/til?offset=14&til=2025-08-27-ebooks-to-audiobooks#2025-08-27-ebooks-to-audiobooks Wed, 27 Aug 2025 07:00:00 GMT <![CDATA[dyad]]> https://taranveerbains.ca/til?offset=14&til=2025-08-14-dyad#2025-08-14-dyad https://taranveerbains.ca/til?offset=14&til=2025-08-14-dyad#2025-08-14-dyad Thu, 14 Aug 2025 07:00:00 GMT <![CDATA[es-toolkit]]> https://taranveerbains.ca/til?offset=14&til=2025-08-04-es-toolkit#2025-08-04-es-toolkit https://taranveerbains.ca/til?offset=14&til=2025-08-04-es-toolkit#2025-08-04-es-toolkit Mon, 04 Aug 2025 07:00:00 GMT <![CDATA[tldr]]> https://taranveerbains.ca/til?offset=14&til=2025-07-28-tldr#2025-07-28-tldr https://taranveerbains.ca/til?offset=14&til=2025-07-28-tldr#2025-07-28-tldr Mon, 28 Jul 2025 07:00:00 GMT tldr clear 11:35:28 warning: 1 page(s) found for other platforms: 1. windows (tldr --platform windows clear) clear Clears the screen of the terminal. More information: https://manned.org/clear. Clear the screen: clear Clear the screen but keep the terminal's scrollback buffer (equivalent to pressing in Bash): clear -x Indicate the type of terminal to clean (defaults to the value of the environment variable TERM): clear -T type_of_terminal Display the version of ncurses used by clear: clear -V ``` [Check it out](https://github.com/tldr-pages/tldr) ]]> <![CDATA[Ai Resume Matcher]]> https://taranveerbains.ca/til?offset=14&til=2025-07-23-ai-resume-matcher#2025-07-23-ai-resume-matcher https://taranveerbains.ca/til?offset=14&til=2025-07-23-ai-resume-matcher#2025-07-23-ai-resume-matcher Wed, 23 Jul 2025 07:00:00 GMT <![CDATA[open source secrets management]]> https://taranveerbains.ca/til?offset=14&til=2025-05-29-open-source-secrets-management#2025-05-29-open-source-secrets-management https://taranveerbains.ca/til?offset=14&til=2025-05-29-open-source-secrets-management#2025-05-29-open-source-secrets-management Thu, 29 May 2025 07:00:00 GMT <![CDATA[clipboard.js]]> https://taranveerbains.ca/til?offset=14&til=2025-05-28-clipboard-js#2025-05-28-clipboard-js https://taranveerbains.ca/til?offset=14&til=2025-05-28-clipboard-js#2025-05-28-clipboard-js Wed, 28 May 2025 07:00:00 GMT ``` ]]> <![CDATA[supabase]]> https://taranveerbains.ca/til?offset=14&til=2025-05-19-supabase#2025-05-19-supabase https://taranveerbains.ca/til?offset=14&til=2025-05-19-supabase#2025-05-19-supabase Mon, 19 May 2025 07:00:00 GMT <![CDATA[So. Much. Raycast]]> https://taranveerbains.ca/til?offset=14&til=2025-05-09-so-much-raycast#2025-05-09-so-much-raycast https://taranveerbains.ca/til?offset=14&til=2025-05-09-so-much-raycast#2025-05-09-so-much-raycast Fri, 09 May 2025 07:00:00 GMT <![CDATA[threadreader]]> https://taranveerbains.ca/til?offset=14&til=2025-05-07-threadreader#2025-05-07-threadreader https://taranveerbains.ca/til?offset=14&til=2025-05-07-threadreader#2025-05-07-threadreader Wed, 07 May 2025 07:00:00 GMT <![CDATA[ts-reset]]> https://taranveerbains.ca/til?offset=14&til=2025-05-05-ts-reset#2025-05-05-ts-reset https://taranveerbains.ca/til?offset=14&til=2025-05-05-ts-reset#2025-05-05-ts-reset Mon, 05 May 2025 07:00:00 GMT <![CDATA[Show your react router routes]]> https://taranveerbains.ca/til?offset=14&til=2025-05-05-show-your-react-router-routes#2025-05-05-show-your-react-router-routes https://taranveerbains.ca/til?offset=14&til=2025-05-05-show-your-react-router-routes#2025-05-05-show-your-react-router-routes Mon, 05 May 2025 07:00:00 GMT ``` ]]> <![CDATA[headless ui]]> https://taranveerbains.ca/til?offset=14&til=2025-05-02-headless-ui#2025-05-02-headless-ui https://taranveerbains.ca/til?offset=14&til=2025-05-02-headless-ui#2025-05-02-headless-ui Fri, 02 May 2025 07:00:00 GMT <![CDATA[c15t (consent management)]]> https://taranveerbains.ca/til?offset=14&til=2025-04-25-c15t-consent-management#2025-04-25-c15t-consent-management https://taranveerbains.ca/til?offset=14&til=2025-04-25-c15t-consent-management#2025-04-25-c15t-consent-management Fri, 25 Apr 2025 07:00:00 GMT <![CDATA[RBAC in JS]]> https://taranveerbains.ca/til?offset=14&til=2025-04-22-rbac-in-js#2025-04-22-rbac-in-js https://taranveerbains.ca/til?offset=14&til=2025-04-22-rbac-in-js#2025-04-22-rbac-in-js Tue, 22 Apr 2025 07:00:00 GMT { const createTodo = () => { /* logic to show new todo form */ } const ability = useContext(AbilityContext) return (
{ability.can('create', 'Todo') && ( )}
) } ``` ]]> <![CDATA[easy stacking in css]]> https://taranveerbains.ca/til?offset=14&til=2025-04-07-easy-stacking-in-css#2025-04-07-easy-stacking-in-css https://taranveerbains.ca/til?offset=14&til=2025-04-07-easy-stacking-in-css#2025-04-07-easy-stacking-in-css Mon, 07 Apr 2025 07:00:00 GMT ]]> <![CDATA[rss feed generator]]> https://taranveerbains.ca/til?offset=14&til=2025-03-24-rss-feed-generator#2025-03-24-rss-feed-generator https://taranveerbains.ca/til?offset=14&til=2025-03-24-rss-feed-generator#2025-03-24-rss-feed-generator Mon, 24 Mar 2025 07:00:00 GMT <![CDATA[coolors.co]]> https://taranveerbains.ca/til?offset=14&til=2025-03-22-coolors-co#2025-03-22-coolors-co https://taranveerbains.ca/til?offset=14&til=2025-03-22-coolors-co#2025-03-22-coolors-co Sat, 22 Mar 2025 07:00:00 GMT <![CDATA[Optional chaining]]> https://taranveerbains.ca/til?offset=14&til=2025-03-21-optional-chaining#2025-03-21-optional-chaining https://taranveerbains.ca/til?offset=14&til=2025-03-21-optional-chaining#2025-03-21-optional-chaining Fri, 21 Mar 2025 07:00:00 GMT <![CDATA[Node Modules Inspector]]> https://taranveerbains.ca/til?offset=14&til=2025-03-14-node-modules-inspector#2025-03-14-node-modules-inspector https://taranveerbains.ca/til?offset=14&til=2025-03-14-node-modules-inspector#2025-03-14-node-modules-inspector Fri, 14 Mar 2025 07:00:00 GMT <![CDATA[Typescript Ported To Go]]> https://taranveerbains.ca/til?offset=14&til=2025-03-13-typescript-ported-to-go#2025-03-13-typescript-ported-to-go https://taranveerbains.ca/til?offset=14&til=2025-03-13-typescript-ported-to-go#2025-03-13-typescript-ported-to-go Thu, 13 Mar 2025 07:00:00 GMT <![CDATA[Better Sleep]]> https://taranveerbains.ca/til?offset=14&til=2025-03-07-better-sleep#2025-03-07-better-sleep https://taranveerbains.ca/til?offset=14&til=2025-03-07-better-sleep#2025-03-07-better-sleep Fri, 07 Mar 2025 08:00:00 GMT <![CDATA[Fontsource]]> https://taranveerbains.ca/til?offset=14&til=2025-03-05-fontsource#2025-03-05-fontsource https://taranveerbains.ca/til?offset=14&til=2025-03-05-fontsource#2025-03-05-fontsource Wed, 05 Mar 2025 08:00:00 GMT <![CDATA[Tanstack Form]]> https://taranveerbains.ca/til?offset=14&til=2025-03-04-tanstack-form#2025-03-04-tanstack-form https://taranveerbains.ca/til?offset=14&til=2025-03-04-tanstack-form#2025-03-04-tanstack-form Tue, 04 Mar 2025 08:00:00 GMT <![CDATA[System Font Stack]]> https://taranveerbains.ca/til?offset=14&til=2025-03-03-system-font-stack#2025-03-03-system-font-stack https://taranveerbains.ca/til?offset=14&til=2025-03-03-system-font-stack#2025-03-03-system-font-stack Mon, 03 Mar 2025 08:00:00 GMT <![CDATA[Data attribute state management]]> https://taranveerbains.ca/til?offset=14&til=2025-02-19-data-attribute-state-management#2025-02-19-data-attribute-state-management https://taranveerbains.ca/til?offset=14&til=2025-02-19-data-attribute-state-management#2025-02-19-data-attribute-state-management Wed, 19 Feb 2025 08:00:00 GMT Hidden when canScroll is false! ``` ]]> <![CDATA[web extension framework]]> https://taranveerbains.ca/til?offset=14&til=2025-02-16-web-extension-framework#2025-02-16-web-extension-framework https://taranveerbains.ca/til?offset=14&til=2025-02-16-web-extension-framework#2025-02-16-web-extension-framework Sun, 16 Feb 2025 08:00:00 GMT <![CDATA[sqoosh]]> https://taranveerbains.ca/til?offset=14&til=2025-02-14-sqoosh#2025-02-14-sqoosh https://taranveerbains.ca/til?offset=14&til=2025-02-14-sqoosh#2025-02-14-sqoosh Fri, 14 Feb 2025 08:00:00 GMT <![CDATA[bolt.new]]> https://taranveerbains.ca/til?offset=14&til=2025-02-09-bolt-new#2025-02-09-bolt-new https://taranveerbains.ca/til?offset=14&til=2025-02-09-bolt-new#2025-02-09-bolt-new Sun, 09 Feb 2025 08:00:00 GMT <![CDATA[CSS tidbits]]> https://taranveerbains.ca/til?offset=14&til=2025-02-08-css-tidbits#2025-02-08-css-tidbits https://taranveerbains.ca/til?offset=14&til=2025-02-08-css-tidbits#2025-02-08-css-tidbits Sat, 08 Feb 2025 08:00:00 GMT <![CDATA[CSS stacking context inspector]]> https://taranveerbains.ca/til?offset=14&til=2025-02-08-css-stacking-context-inspector#2025-02-08-css-stacking-context-inspector https://taranveerbains.ca/til?offset=14&til=2025-02-08-css-stacking-context-inspector#2025-02-08-css-stacking-context-inspector Sat, 08 Feb 2025 08:00:00 GMT <![CDATA[Leave.Comments.]]> https://taranveerbains.ca/til?offset=14&til=2025-02-05-leave-comments#2025-02-05-leave-comments https://taranveerbains.ca/til?offset=14&til=2025-02-05-leave-comments#2025-02-05-leave-comments Wed, 05 Feb 2025 08:00:00 GMT <![CDATA[reach.tech]]> https://taranveerbains.ca/til?offset=14&til=2025-01-30-reach-tech#2025-01-30-reach-tech https://taranveerbains.ca/til?offset=14&til=2025-01-30-reach-tech#2025-01-30-reach-tech Thu, 30 Jan 2025 08:00:00 GMT <![CDATA[zoxide]]> https://taranveerbains.ca/til?offset=14&til=2025-01-29-zoxide#2025-01-29-zoxide https://taranveerbains.ca/til?offset=14&til=2025-01-29-zoxide#2025-01-29-zoxide Wed, 29 Jan 2025 08:00:00 GMT ``` [Check it out](https://github.com/ajeetdsouza/zoxide) ]]> <![CDATA[Standard Schema]]> https://taranveerbains.ca/til?offset=14&til=2025-01-27-standard-schema#2025-01-27-standard-schema https://taranveerbains.ca/til?offset=14&til=2025-01-27-standard-schema#2025-01-27-standard-schema Mon, 27 Jan 2025 08:00:00 GMT <![CDATA[editing the whole document]]> https://taranveerbains.ca/til?offset=14&til=2025-01-14-editing-the-whole-document#2025-01-14-editing-the-whole-document https://taranveerbains.ca/til?offset=14&til=2025-01-14-editing-the-whole-document#2025-01-14-editing-the-whole-document Tue, 14 Jan 2025 08:00:00 GMT [Check it out](https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode) ]]> <![CDATA[happiness one liner]]> https://taranveerbains.ca/til?offset=14&til=2025-01-08-happiness-one-liner#2025-01-08-happiness-one-liner https://taranveerbains.ca/til?offset=14&til=2025-01-08-happiness-one-liner#2025-01-08-happiness-one-liner Wed, 08 Jan 2025 08:00:00 GMT Happiness = results - expectations ]]> <![CDATA[array with method]]> https://taranveerbains.ca/til?offset=14&til=2024-12-08-array-prototype-with#2024-12-08-array-prototype-with https://taranveerbains.ca/til?offset=14&til=2024-12-08-array-prototype-with#2024-12-08-array-prototype-with Sun, 08 Dec 2024 08:00:00 GMT <![CDATA[docsify]]> https://taranveerbains.ca/til?offset=14&til=2024-12-07-docsify#2024-12-07-docsify https://taranveerbains.ca/til?offset=14&til=2024-12-07-docsify#2024-12-07-docsify Sat, 07 Dec 2024 08:00:00 GMT <![CDATA[react-error-boundary]]> https://taranveerbains.ca/til?offset=14&til=2024-12-04-react-error-boundary#2024-12-04-react-error-boundary https://taranveerbains.ca/til?offset=14&til=2024-12-04-react-error-boundary#2024-12-04-react-error-boundary Wed, 04 Dec 2024 08:00:00 GMT <![CDATA[TS satisfies without satsify]]> https://taranveerbains.ca/til?offset=14&til=2024-12-03-ts-satisfies-without-satsify#2024-12-03-ts-satisfies-without-satsify https://taranveerbains.ca/til?offset=14&til=2024-12-03-ts-satisfies-without-satsify#2024-12-03-ts-satisfies-without-satsify Tue, 03 Dec 2024 08:00:00 GMT number // this is a restriction on the operations object // but with satisfies, I leave myself room to add more operations and don't need to manage another type const operations = { '+': (left, right) => left + right, '-': (left, right) => left - right, '*': (left, right) => left * right, '/': (left, right) => left / right, } satisfies Record ``` [Check it out](https://kentcdodds.com/blog/how-to-write-a-constrained-identity-function-in-typescript) ]]> <![CDATA[arethetypeswrong]]> https://taranveerbains.ca/til?offset=14&til=2024-11-13-arethetypeswrong#2024-11-13-arethetypeswrong https://taranveerbains.ca/til?offset=14&til=2024-11-13-arethetypeswrong#2024-11-13-arethetypeswrong Wed, 13 Nov 2024 08:00:00 GMT <![CDATA[raycast]]> https://taranveerbains.ca/til?offset=14&til=2024-11-07-raycast#2024-11-07-raycast https://taranveerbains.ca/til?offset=14&til=2024-11-07-raycast#2024-11-07-raycast Thu, 07 Nov 2024 08:00:00 GMT <![CDATA[choose your license]]> https://taranveerbains.ca/til?offset=14&til=2024-11-06-choose-your-license#2024-11-06-choose-your-license https://taranveerbains.ca/til?offset=14&til=2024-11-06-choose-your-license#2024-11-06-choose-your-license Wed, 06 Nov 2024 08:00:00 GMT <![CDATA[wave app]]> https://taranveerbains.ca/til?offset=14&til=2024-10-22-wave-app#2024-10-22-wave-app https://taranveerbains.ca/til?offset=14&til=2024-10-22-wave-app#2024-10-22-wave-app Tue, 22 Oct 2024 07:00:00 GMT <![CDATA[Better node objects logging!]]> https://taranveerbains.ca/til?offset=14&til=2024-10-11-better-node-objects-logging#2024-10-11-better-node-objects-logging https://taranveerbains.ca/til?offset=14&til=2024-10-11-better-node-objects-logging#2024-10-11-better-node-objects-logging Fri, 11 Oct 2024 07:00:00 GMT <![CDATA[bulletproof react]]> https://taranveerbains.ca/til?offset=14&til=2024-10-03-bulletproof-react#2024-10-03-bulletproof-react https://taranveerbains.ca/til?offset=14&til=2024-10-03-bulletproof-react#2024-10-03-bulletproof-react Thu, 03 Oct 2024 07:00:00 GMT <![CDATA[colored console log]]> https://taranveerbains.ca/til?offset=14&til=2024-10-02-colored-console-log#2024-10-02-colored-console-log https://taranveerbains.ca/til?offset=14&til=2024-10-02-colored-console-log#2024-10-02-colored-console-log Wed, 02 Oct 2024 07:00:00 GMT <![CDATA[changesets]]> https://taranveerbains.ca/til?offset=14&til=2024-09-25-changesets#2024-09-25-changesets https://taranveerbains.ca/til?offset=14&til=2024-09-25-changesets#2024-09-25-changesets Wed, 25 Sep 2024 07:00:00 GMT <![CDATA[Multiple Neovim Configs]]> https://taranveerbains.ca/til?offset=14&til=2024-09-22-multiple-neovim-configs#2024-09-22-multiple-neovim-configs https://taranveerbains.ca/til?offset=14&til=2024-09-22-multiple-neovim-configs#2024-09-22-multiple-neovim-configs Sun, 22 Sep 2024 07:00:00 GMT <![CDATA[git recent]]> https://taranveerbains.ca/til?offset=14&til=2024-09-11-git-recent#2024-09-11-git-recent https://taranveerbains.ca/til?offset=14&til=2024-09-11-git-recent#2024-09-11-git-recent Wed, 11 Sep 2024 07:00:00 GMT <![CDATA[interpolation]]> https://taranveerbains.ca/til?offset=14&til=2024-09-10-interpolation#2024-09-10-interpolation https://taranveerbains.ca/til?offset=14&til=2024-09-10-interpolation#2024-09-10-interpolation Tue, 10 Sep 2024 07:00:00 GMT <![CDATA[orbstack]]> https://taranveerbains.ca/til?offset=14&til=2024-09-09-orbstack#2024-09-09-orbstack https://taranveerbains.ca/til?offset=14&til=2024-09-09-orbstack#2024-09-09-orbstack Mon, 09 Sep 2024 07:00:00 GMT <![CDATA[css-color-filter-generator]]> https://taranveerbains.ca/til?offset=14&til=2024-08-27-css-color-filter-generator#2024-08-27-css-color-filter-generator https://taranveerbains.ca/til?offset=14&til=2024-08-27-css-color-filter-generator#2024-08-27-css-color-filter-generator Tue, 27 Aug 2024 07:00:00 GMT <![CDATA[Storybook ArgeTypes]]> https://taranveerbains.ca/til?offset=14&til=2024-08-26-storybook-arge-types#2024-08-26-storybook-arge-types https://taranveerbains.ca/til?offset=14&til=2024-08-26-storybook-arge-types#2024-08-26-storybook-arge-types Mon, 26 Aug 2024 07:00:00 GMT <![CDATA[stay away]]> https://taranveerbains.ca/til?offset=14&til=2024-08-19-stay-away#2024-08-19-stay-away https://taranveerbains.ca/til?offset=14&til=2024-08-19-stay-away#2024-08-19-stay-away Mon, 19 Aug 2024 07:00:00 GMT Keep away from people who try to belittle your ambitions. Small people always do that, but the really great make you feel that you, too, can become great. ]]> <![CDATA[Ecosystem Performance]]> https://taranveerbains.ca/til?offset=14&til=2024-08-15-ecosystem-performance#2024-08-15-ecosystem-performance https://taranveerbains.ca/til?offset=14&til=2024-08-15-ecosystem-performance#2024-08-15-ecosystem-performance Thu, 15 Aug 2024 07:00:00 GMT <![CDATA[deepClone... nah, structuredClone]]> https://taranveerbains.ca/til?offset=14&til=2024-08-09-deep-clone-nah-structured-clone#2024-08-09-deep-clone-nah-structured-clone https://taranveerbains.ca/til?offset=14&til=2024-08-09-deep-clone-nah-structured-clone#2024-08-09-deep-clone-nah-structured-clone Fri, 09 Aug 2024 07:00:00 GMT <![CDATA[do what matters]]> https://taranveerbains.ca/til?offset=14&til=2024-07-31-do-what-matters#2024-07-31-do-what-matters https://taranveerbains.ca/til?offset=14&til=2024-07-31-do-what-matters#2024-07-31-do-what-matters Wed, 31 Jul 2024 07:00:00 GMT Do what matters with who matters, while it matters. ]]> <![CDATA[button form attribute]]> https://taranveerbains.ca/til?offset=14&til=2024-07-29-button-form-attribute#2024-07-29-button-form-attribute https://taranveerbains.ca/til?offset=14&til=2024-07-29-button-form-attribute#2024-07-29-button-form-attribute Mon, 29 Jul 2024 07:00:00 GMT <![CDATA[margin vs padding]]> https://taranveerbains.ca/til?offset=14&til=2024-07-13-margin-vs-padding#2024-07-13-margin-vs-padding https://taranveerbains.ca/til?offset=14&til=2024-07-13-margin-vs-padding#2024-07-13-margin-vs-padding Sat, 13 Jul 2024 07:00:00 GMT <![CDATA[css height and width tidbit]]> https://taranveerbains.ca/til?offset=14&til=2024-07-13-css-height-and-width-tidbit#2024-07-13-css-height-and-width-tidbit https://taranveerbains.ca/til?offset=14&til=2024-07-13-css-height-and-width-tidbit#2024-07-13-css-height-and-width-tidbit Sat, 13 Jul 2024 07:00:00 GMT <![CDATA[css list of mistakes]]> https://taranveerbains.ca/til?offset=14&til=2024-07-12-css-list-of-mistakes#2024-07-12-css-list-of-mistakes https://taranveerbains.ca/til?offset=14&til=2024-07-12-css-list-of-mistakes#2024-07-12-css-list-of-mistakes Fri, 12 Jul 2024 07:00:00 GMT <![CDATA[css inheritable]]> https://taranveerbains.ca/til?offset=14&til=2024-07-12-css-inheritable#2024-07-12-css-inheritable https://taranveerbains.ca/til?offset=14&til=2024-07-12-css-inheritable#2024-07-12-css-inheritable Fri, 12 Jul 2024 07:00:00 GMT <![CDATA[observables api]]> https://taranveerbains.ca/til?offset=14&til=2024-06-21-observables-api#2024-06-21-observables-api https://taranveerbains.ca/til?offset=14&til=2024-06-21-observables-api#2024-06-21-observables-api Fri, 21 Jun 2024 07:00:00 GMT e.target.matches('.foo')) .map((e) => ({ x: e.clientX, y: e.clientY })) .subscribe({ next: handleClickAtPoint }) ``` ]]> <![CDATA[react internals explorer]]> https://taranveerbains.ca/til?offset=14&til=2024-06-18-react-internals-explorer#2024-06-18-react-internals-explorer https://taranveerbains.ca/til?offset=14&til=2024-06-18-react-internals-explorer#2024-06-18-react-internals-explorer Tue, 18 Jun 2024 07:00:00 GMT <![CDATA[Anger and happiness]]> https://taranveerbains.ca/til?offset=14&til=2024-06-09-anger-and-happiness#2024-06-09-anger-and-happiness https://taranveerbains.ca/til?offset=14&til=2024-06-09-anger-and-happiness#2024-06-09-anger-and-happiness Sun, 09 Jun 2024 07:00:00 GMT Never make a decision in anger, and never make a promise in happiness ]]> <![CDATA[Better prose editing]]> https://taranveerbains.ca/til?offset=14&til=2024-05-24-betting-prose-editing#2024-05-24-betting-prose-editing https://taranveerbains.ca/til?offset=14&til=2024-05-24-betting-prose-editing#2024-05-24-betting-prose-editing Fri, 24 May 2024 07:00:00 GMT <![CDATA[patch-package]]> https://taranveerbains.ca/til?offset=14&til=2024-05-08-patch-package#2024-05-08-patch-package https://taranveerbains.ca/til?offset=14&til=2024-05-08-patch-package#2024-05-08-patch-package Wed, 08 May 2024 07:00:00 GMT <![CDATA[Suffer anger]]> https://taranveerbains.ca/til?offset=14&til=2024-05-07-suffer-anger#2024-05-07-suffer-anger https://taranveerbains.ca/til?offset=14&til=2024-05-07-suffer-anger#2024-05-07-suffer-anger Tue, 07 May 2024 07:00:00 GMT <![CDATA[Setbacks without suffering]]> https://taranveerbains.ca/til?offset=14&til=2024-05-05-setbacks-without-suffering#2024-05-05-setbacks-without-suffering https://taranveerbains.ca/til?offset=14&til=2024-05-05-setbacks-without-suffering#2024-05-05-setbacks-without-suffering Sun, 05 May 2024 07:00:00 GMT <![CDATA[unset]]> https://taranveerbains.ca/til?offset=14&til=2024-05-01-unset#2024-05-01-unset https://taranveerbains.ca/til?offset=14&til=2024-05-01-unset#2024-05-01-unset Wed, 01 May 2024 07:00:00 GMT <![CDATA[bundlephobia]]> https://taranveerbains.ca/til?offset=14&til=2024-04-30-bundlephobia#2024-04-30-bundlephobia https://taranveerbains.ca/til?offset=14&til=2024-04-30-bundlephobia#2024-04-30-bundlephobia Tue, 30 Apr 2024 07:00:00 GMT <![CDATA[kanak di rakhi]]> https://taranveerbains.ca/til?offset=14&til=2024-04-28-kanak-di-rakhi#2024-04-28-kanak-di-rakhi https://taranveerbains.ca/til?offset=14&til=2024-04-28-kanak-di-rakhi#2024-04-28-kanak-di-rakhi Sun, 28 Apr 2024 07:00:00 GMT <![CDATA[Project wide replace in neovim]]> https://taranveerbains.ca/til?offset=14&til=2024-04-26-project-wide-replace-in-neovim#2024-04-26-project-wide-replace-in-neovim https://taranveerbains.ca/til?offset=14&til=2024-04-26-project-wide-replace-in-neovim#2024-04-26-project-wide-replace-in-neovim Fri, 26 Apr 2024 07:00:00 GMT ```

https://www.youtube.com/shorts/Ofxlqz88pPA ]]> <![CDATA[Semver Calculator]]> https://taranveerbains.ca/til?offset=14&til=2024-04-25-semver-calculator#2024-04-25-semver-calculator https://taranveerbains.ca/til?offset=14&til=2024-04-25-semver-calculator#2024-04-25-semver-calculator Thu, 25 Apr 2024 07:00:00 GMT <![CDATA[GROQ]]> https://taranveerbains.ca/til?offset=14&til=2024-04-10-groq#2024-04-10-groq https://taranveerbains.ca/til?offset=14&til=2024-04-10-groq#2024-04-10-groq Wed, 10 Apr 2024 07:00:00 GMT <![CDATA[Fluid frontvibe]]> https://taranveerbains.ca/til?offset=14&til=2024-04-10-fluid-frontvibe#2024-04-10-fluid-frontvibe https://taranveerbains.ca/til?offset=14&til=2024-04-10-fluid-frontvibe#2024-04-10-fluid-frontvibe Wed, 10 Apr 2024 07:00:00 GMT <![CDATA[details name attribute]]> https://taranveerbains.ca/til?offset=14&til=2024-04-10-details-name-attribute#2024-04-10-details-name-attribute https://taranveerbains.ca/til?offset=14&til=2024-04-10-details-name-attribute#2024-04-10-details-name-attribute Wed, 10 Apr 2024 07:00:00 GMT <![CDATA[trigger.dev]]> https://taranveerbains.ca/til?offset=14&til=2024-03-14-trigger-dev#2024-03-14-trigger-dev https://taranveerbains.ca/til?offset=14&til=2024-03-14-trigger-dev#2024-03-14-trigger-dev Thu, 14 Mar 2024 07:00:00 GMT <![CDATA[dotenv shared]]> https://taranveerbains.ca/til?offset=14&til=2024-02-19-dotenv-shared#2024-02-19-dotenv-shared https://taranveerbains.ca/til?offset=14&til=2024-02-19-dotenv-shared#2024-02-19-dotenv-shared Mon, 19 Feb 2024 08:00:00 GMT <![CDATA[CSS variables in media queries]]> https://taranveerbains.ca/til?offset=14&til=2024-01-24-css-variables-in-media-queries#2024-01-24-css-variables-in-media-queries https://taranveerbains.ca/til?offset=14&til=2024-01-24-css-variables-in-media-queries#2024-01-24-css-variables-in-media-queries Wed, 24 Jan 2024 08:00:00 GMT <![CDATA[stylex]]> https://taranveerbains.ca/til?offset=14&til=2024-01-19-stylex#2024-01-19-stylex https://taranveerbains.ca/til?offset=14&til=2024-01-19-stylex#2024-01-19-stylex Fri, 19 Jan 2024 08:00:00 GMT <![CDATA[SVG foreignObject]]> https://taranveerbains.ca/til?offset=14&til=2023-12-07-svg-foreign-object#2023-12-07-svg-foreign-object https://taranveerbains.ca/til?offset=14&til=2023-12-07-svg-foreign-object#2023-12-07-svg-foreign-object Thu, 07 Dec 2023 08:00:00 GMT <![CDATA[Humiliation]]> https://taranveerbains.ca/til?offset=14&til=2023-12-05-humiliation#2023-12-05-humiliation https://taranveerbains.ca/til?offset=14&til=2023-12-05-humiliation#2023-12-05-humiliation Tue, 05 Dec 2023 08:00:00 GMT <![CDATA[Fear directs]]> https://taranveerbains.ca/til?offset=14&til=2023-12-05-fear-directs#2023-12-05-fear-directs https://taranveerbains.ca/til?offset=14&til=2023-12-05-fear-directs#2023-12-05-fear-directs Tue, 05 Dec 2023 08:00:00 GMT <![CDATA[typescript string hack]]> https://taranveerbains.ca/til?offset=14&til=2023-12-01-typescript-string-hack#2023-12-01-typescript-string-hack https://taranveerbains.ca/til?offset=14&til=2023-12-01-typescript-string-hack#2023-12-01-typescript-string-hack Fri, 01 Dec 2023 08:00:00 GMT <![CDATA[CSS Grid, but fun]]> https://taranveerbains.ca/til?offset=14&til=2023-11-21-css-grid-but-fun#2023-11-21-css-grid-but-fun https://taranveerbains.ca/til?offset=14&til=2023-11-21-css-grid-but-fun#2023-11-21-css-grid-but-fun Tue, 21 Nov 2023 08:00:00 GMT <![CDATA[Easy to judge. Hard to know.]]> https://taranveerbains.ca/til?offset=14&til=2023-11-19-easy-to-judge-hard-to-know#2023-11-19-easy-to-judge-hard-to-know https://taranveerbains.ca/til?offset=14&til=2023-11-19-easy-to-judge-hard-to-know#2023-11-19-easy-to-judge-hard-to-know Sun, 19 Nov 2023 08:00:00 GMT <![CDATA[browser session cookie]]> https://taranveerbains.ca/til?offset=14&til=2023-11-14-browser-session-cookie#2023-11-14-browser-session-cookie https://taranveerbains.ca/til?offset=14&til=2023-11-14-browser-session-cookie#2023-11-14-browser-session-cookie Tue, 14 Nov 2023 08:00:00 GMT <![CDATA[Be not afraid.]]> https://taranveerbains.ca/til?offset=14&til=2023-11-12-be-not-afraid#2023-11-12-be-not-afraid https://taranveerbains.ca/til?offset=14&til=2023-11-12-be-not-afraid#2023-11-12-be-not-afraid Sun, 12 Nov 2023 08:00:00 GMT <![CDATA[AST Explorer]]> https://taranveerbains.ca/til?offset=14&til=2023-11-12-ast-explorer#2023-11-12-ast-explorer https://taranveerbains.ca/til?offset=14&til=2023-11-12-ast-explorer#2023-11-12-ast-explorer Sun, 12 Nov 2023 08:00:00 GMT <![CDATA[the obstacle]]> https://taranveerbains.ca/til?offset=14&til=2023-11-08-the-obstacle#2023-11-08-the-obstacle https://taranveerbains.ca/til?offset=14&til=2023-11-08-the-obstacle#2023-11-08-the-obstacle Wed, 08 Nov 2023 08:00:00 GMT See things for what they are. Do what you can. Endure and bear what you must. ]]> <![CDATA[neovim cache]]> https://taranveerbains.ca/til?offset=14&til=2023-11-08-neovim-cache#2023-11-08-neovim-cache https://taranveerbains.ca/til?offset=14&til=2023-11-08-neovim-cache#2023-11-08-neovim-cache Wed, 08 Nov 2023 08:00:00 GMT <![CDATA[OAuth and OpenIDConnect]]> https://taranveerbains.ca/til?offset=14&til=2023-10-31-o-auth-and-open-id-connect#2023-10-31-o-auth-and-open-id-connect https://taranveerbains.ca/til?offset=14&til=2023-10-31-o-auth-and-open-id-connect#2023-10-31-o-auth-and-open-id-connect Tue, 31 Oct 2023 07:00:00 GMT <![CDATA[react-reverse-portal]]> https://taranveerbains.ca/til?offset=14&til=2023-10-12-react-reverse-portal#2023-10-12-react-reverse-portal https://taranveerbains.ca/til?offset=14&til=2023-10-12-react-reverse-portal#2023-10-12-react-reverse-portal Thu, 12 Oct 2023 07:00:00 GMT <![CDATA[vercel serve]]> https://taranveerbains.ca/til?offset=14&til=2023-10-11-vercel-serve#2023-10-11-vercel-serve https://taranveerbains.ca/til?offset=14&til=2023-10-11-vercel-serve#2023-10-11-vercel-serve Wed, 11 Oct 2023 07:00:00 GMT <![CDATA[golang empty switch]]> https://taranveerbains.ca/til?offset=14&til=2023-10-10-golang-empty-switch#2023-10-10-golang-empty-switch https://taranveerbains.ca/til?offset=14&til=2023-10-10-golang-empty-switch#2023-10-10-golang-empty-switch Tue, 10 Oct 2023 07:00:00 GMT 0: fmt.Println("Positive number") } } ``` ```go:title=no-switch.go package main import "fmt" func main() { i := 10 if i < 0 { fmt.Println("Negative number") } else if i == 0 { fmt.Println("Zero") } else if i > 0 { fmt.Println("Positive number") } } ``` ]]> <![CDATA[Perplexity AI]]> https://taranveerbains.ca/til?offset=14&til=2023-09-24-perplexity-ai#2023-09-24-perplexity-ai https://taranveerbains.ca/til?offset=14&til=2023-09-24-perplexity-ai#2023-09-24-perplexity-ai Sun, 24 Sep 2023 07:00:00 GMT <![CDATA[CSS Variables and fallbacks]]> https://taranveerbains.ca/til?offset=14&til=2023-09-21-css-vars-and-fallbacks#2023-09-21-css-vars-and-fallbacks https://taranveerbains.ca/til?offset=14&til=2023-09-21-css-vars-and-fallbacks#2023-09-21-css-vars-and-fallbacks Thu, 21 Sep 2023 07:00:00 GMT <![CDATA[The acquisition of knowledge]]> https://taranveerbains.ca/til?offset=14&til=2023-09-20-the-acquisition-of-knowledge#2023-09-20-the-acquisition-of-knowledge https://taranveerbains.ca/til?offset=14&til=2023-09-20-the-acquisition-of-knowledge#2023-09-20-the-acquisition-of-knowledge Wed, 20 Sep 2023 07:00:00 GMT <![CDATA[every returns true for empty arrays]]> https://taranveerbains.ca/til?offset=14&til=2023-09-14-every-returns-true-for-empty-arrays#2023-09-14-every-returns-true-for-empty-arrays https://taranveerbains.ca/til?offset=14&til=2023-09-14-every-returns-true-for-empty-arrays#2023-09-14-every-returns-true-for-empty-arrays Thu, 14 Sep 2023 07:00:00 GMT typeof v === 'number' [].every(isNumber) // true [1, ,2].every(isNumber) // true [1, null, 2].every(isNumber) // false ``` ]]> <![CDATA[scroll driven css animation]]> https://taranveerbains.ca/til?offset=14&til=2023-08-24-scroll-driven-css-animation#2023-08-24-scroll-driven-css-animation https://taranveerbains.ca/til?offset=14&til=2023-08-24-scroll-driven-css-animation#2023-08-24-scroll-driven-css-animation Thu, 24 Aug 2023 07:00:00 GMT <![CDATA[Davinci's childhood]]> https://taranveerbains.ca/til?offset=14&til=2023-08-10-davinci-s-childhood#2023-08-10-davinci-s-childhood https://taranveerbains.ca/til?offset=14&til=2023-08-10-davinci-s-childhood#2023-08-10-davinci-s-childhood Thu, 10 Aug 2023 07:00:00 GMT <![CDATA[node require cache]]> https://taranveerbains.ca/til?offset=14&til=2023-07-27-node-require-cache#2023-07-27-node-require-cache https://taranveerbains.ca/til?offset=14&til=2023-07-27-node-require-cache#2023-07-27-node-require-cache Thu, 27 Jul 2023 07:00:00 GMT <![CDATA[tsx (the runtime)]]> https://taranveerbains.ca/til?offset=14&til=2023-07-13-tsx-the-runtime#2023-07-13-tsx-the-runtime https://taranveerbains.ca/til?offset=14&til=2023-07-13-tsx-the-runtime#2023-07-13-tsx-the-runtime Thu, 13 Jul 2023 07:00:00 GMT <![CDATA[AgentGPT]]> https://taranveerbains.ca/til?offset=14&til=2023-07-06-agent-gpt#2023-07-06-agent-gpt https://taranveerbains.ca/til?offset=14&til=2023-07-06-agent-gpt#2023-07-06-agent-gpt Thu, 06 Jul 2023 07:00:00 GMT <![CDATA[shadcn]]> https://taranveerbains.ca/til?offset=14&til=2023-06-28-shadcn#2023-06-28-shadcn https://taranveerbains.ca/til?offset=14&til=2023-06-28-shadcn#2023-06-28-shadcn Wed, 28 Jun 2023 07:00:00 GMT <![CDATA[Panda - a new spin on css-in-js]]> https://taranveerbains.ca/til?offset=14&til=2023-06-21-panda-a-new-spin-on-css-in-js#2023-06-21-panda-a-new-spin-on-css-in-js https://taranveerbains.ca/til?offset=14&til=2023-06-21-panda-a-new-spin-on-css-in-js#2023-06-21-panda-a-new-spin-on-css-in-js Wed, 21 Jun 2023 07:00:00 GMT <![CDATA[neovim and chatgpt]]> https://taranveerbains.ca/til?offset=14&til=2023-06-15-neovim-and-chatgpt#2023-06-15-neovim-and-chatgpt https://taranveerbains.ca/til?offset=14&til=2023-06-15-neovim-and-chatgpt#2023-06-15-neovim-and-chatgpt Thu, 15 Jun 2023 07:00:00 GMT ]]> <![CDATA[ripgrep and chatgpt]]> https://taranveerbains.ca/til?offset=14&til=2023-06-14-ripgrep-and-chatgpt#2023-06-14-ripgrep-and-chatgpt https://taranveerbains.ca/til?offset=14&til=2023-06-14-ripgrep-and-chatgpt#2023-06-14-ripgrep-and-chatgpt Wed, 14 Jun 2023 07:00:00 GMT <![CDATA[Zahavian Signal]]> https://taranveerbains.ca/til?offset=14&til=2023-05-06-zahavian-signal#2023-05-06-zahavian-signal https://taranveerbains.ca/til?offset=14&til=2023-05-06-zahavian-signal#2023-05-06-zahavian-signal Sat, 06 May 2023 07:00:00 GMT <![CDATA[Amor Fati]]> https://taranveerbains.ca/til?offset=14&til=2023-05-01-amor-fati#2023-05-01-amor-fati https://taranveerbains.ca/til?offset=14&til=2023-05-01-amor-fati#2023-05-01-amor-fati Mon, 01 May 2023 07:00:00 GMT <![CDATA[tailwind-merge]]> https://taranveerbains.ca/til?offset=14&til=2023-04-26-tailwind-merge#2023-04-26-tailwind-merge https://taranveerbains.ca/til?offset=14&til=2023-04-26-tailwind-merge#2023-04-26-tailwind-merge Wed, 26 Apr 2023 07:00:00 GMT <![CDATA[develobears]]> https://taranveerbains.ca/til?offset=14&til=2023-04-24-develobears#2023-04-24-develobears https://taranveerbains.ca/til?offset=14&til=2023-04-24-develobears#2023-04-24-develobears Mon, 24 Apr 2023 07:00:00 GMT <![CDATA[cloudflare status headers]]> https://taranveerbains.ca/til?offset=14&til=2023-04-24-cloudflare-status-headers#2023-04-24-cloudflare-status-headers https://taranveerbains.ca/til?offset=14&til=2023-04-24-cloudflare-status-headers#2023-04-24-cloudflare-status-headers Mon, 24 Apr 2023 07:00:00 GMT <![CDATA[Say hello in Paris]]> https://taranveerbains.ca/til?offset=14&til=2023-04-20-say-hello-in-paris#2023-04-20-say-hello-in-paris https://taranveerbains.ca/til?offset=14&til=2023-04-20-say-hello-in-paris#2023-04-20-say-hello-in-paris Thu, 20 Apr 2023 07:00:00 GMT <![CDATA[wails.io]]> https://taranveerbains.ca/til?offset=14&til=2023-04-12-wails-io#2023-04-12-wails-io https://taranveerbains.ca/til?offset=14&til=2023-04-12-wails-io#2023-04-12-wails-io Wed, 12 Apr 2023 07:00:00 GMT <![CDATA[@loadable/component]]> https://taranveerbains.ca/til?offset=14&til=2023-04-12-loadable-component#2023-04-12-loadable-component https://taranveerbains.ca/til?offset=14&til=2023-04-12-loadable-component#2023-04-12-loadable-component Wed, 12 Apr 2023 07:00:00 GMT <![CDATA[Object.fromEntries]]> https://taranveerbains.ca/til?offset=14&til=2023-04-09-object-from-entries#2023-04-09-object-from-entries https://taranveerbains.ca/til?offset=14&til=2023-04-09-object-from-entries#2023-04-09-object-from-entries Sun, 09 Apr 2023 07:00:00 GMT <![CDATA[Air - live reload for Go apps]]> https://taranveerbains.ca/til?offset=14&til=2023-04-08-air-live-reload-for-go-apps#2023-04-08-air-live-reload-for-go-apps https://taranveerbains.ca/til?offset=14&til=2023-04-08-air-live-reload-for-go-apps#2023-04-08-air-live-reload-for-go-apps Sat, 08 Apr 2023 07:00:00 GMT <![CDATA[wanderlog]]> https://taranveerbains.ca/til?offset=14&til=2023-04-05-wanderlog#2023-04-05-wanderlog https://taranveerbains.ca/til?offset=14&til=2023-04-05-wanderlog#2023-04-05-wanderlog Wed, 05 Apr 2023 07:00:00 GMT <![CDATA[Fusejs πŸ”₯]]> https://taranveerbains.ca/til?offset=14&til=2022-12-14-fusejs#2022-12-14-fusejs https://taranveerbains.ca/til?offset=14&til=2022-12-14-fusejs#2022-12-14-fusejs Wed, 14 Dec 2022 08:00:00 GMT <![CDATA[unifiedjs]]> https://taranveerbains.ca/til?offset=14&til=2022-12-07-unifiedjs#2022-12-07-unifiedjs https://taranveerbains.ca/til?offset=14&til=2022-12-07-unifiedjs#2022-12-07-unifiedjs Wed, 07 Dec 2022 08:00:00 GMT <![CDATA[fieldset element]]> https://taranveerbains.ca/til?offset=14&til=2022-12-05-fieldset-element#2022-12-05-fieldset-element https://taranveerbains.ca/til?offset=14&til=2022-12-05-fieldset-element#2022-12-05-fieldset-element Mon, 05 Dec 2022 08:00:00 GMT <![CDATA[IndexedDB]]> https://taranveerbains.ca/til?offset=14&til=2022-12-01-indexed-db#2022-12-01-indexed-db https://taranveerbains.ca/til?offset=14&til=2022-12-01-indexed-db#2022-12-01-indexed-db Thu, 01 Dec 2022 08:00:00 GMT 3 years) and I haven't used it personally, but it's pretty damn slick. IndexedDB is a low-level API for client side storage. Its more popular brother, `localStorage` has its limitations and if you're ever running into them, you might want to take a look at `IndexedDB`. In a nutshell, `IndexedDB` is a transactional database system that allows us to permanently store data inside a user's browser. It would be useful for applications that store a large amount of data and applications that don't need persistent internet connectivity to function. Keep these key things in mind: - It stores key-value pairs. - It's built on a transactional database model. - The API is mostly async. - It's object-oriented 😲. - It's not SQL - It adheres to the same origin policy. https://www.youtube.com/watch?v=VNFDoawcmNc ]]> <![CDATA[container son]]> https://taranveerbains.ca/til?offset=14&til=2022-11-30-container-son#2022-11-30-container-son https://taranveerbains.ca/til?offset=14&til=2022-11-30-container-son#2022-11-30-container-son Wed, 30 Nov 2022 08:00:00 GMT <![CDATA[camel camel camel - save your money]]> https://taranveerbains.ca/til?offset=14&til=2022-11-21-camel-camel-camel-save-your-money#2022-11-21-camel-camel-camel-save-your-money https://taranveerbains.ca/til?offset=14&til=2022-11-21-camel-camel-camel-save-your-money#2022-11-21-camel-camel-camel-save-your-money Mon, 21 Nov 2022 08:00:00 GMT <![CDATA[twix for tailwind and react]]> https://taranveerbains.ca/til?offset=14&til=2022-11-20-twix-for-tailwind-and-react#2022-11-20-twix-for-tailwind-and-react https://taranveerbains.ca/til?offset=14&til=2022-11-20-twix-for-tailwind-and-react#2022-11-20-twix-for-tailwind-and-react Sun, 20 Nov 2022 08:00:00 GMT <![CDATA[lazygit]]> https://taranveerbains.ca/til?offset=14&til=2022-11-19-lazygit#2022-11-19-lazygit https://taranveerbains.ca/til?offset=14&til=2022-11-19-lazygit#2022-11-19-lazygit Sat, 19 Nov 2022 08:00:00 GMT <![CDATA[NeoVim is pretty damn fun]]> https://taranveerbains.ca/til?offset=14&til=2022-11-18-neovim-is-pretty-damn-fun#2022-11-18-neovim-is-pretty-damn-fun https://taranveerbains.ca/til?offset=14&til=2022-11-18-neovim-is-pretty-damn-fun#2022-11-18-neovim-is-pretty-damn-fun Fri, 18 Nov 2022 08:00:00 GMT <![CDATA[DomMatrix]]> https://taranveerbains.ca/til?offset=14&til=2022-10-17-dom-matrix#2022-10-17-dom-matrix https://taranveerbains.ca/til?offset=14&til=2022-10-17-dom-matrix#2022-10-17-dom-matrix Mon, 17 Oct 2022 07:00:00 GMT <![CDATA[matchMedia]]> https://taranveerbains.ca/til?offset=14&til=2022-10-11-match-media#2022-10-11-match-media https://taranveerbains.ca/til?offset=14&til=2022-10-11-match-media#2022-10-11-match-media Tue, 11 Oct 2022 07:00:00 GMT <![CDATA[TS Utility: Extract]]> https://taranveerbains.ca/til?offset=14&til=2022-07-29-ts-utility-extract#2022-07-29-ts-utility-extract https://taranveerbains.ca/til?offset=14&til=2022-07-29-ts-utility-extract#2022-07-29-ts-utility-extract Fri, 29 Jul 2022 07:00:00 GMT // the above will be the type "Hello" | "I" | "Love" | "You" ``` ]]> <![CDATA[HTML attribute - inert]]> https://taranveerbains.ca/til?offset=14&til=2022-07-27-html-attribute-inert#2022-07-27-html-attribute-inert https://taranveerbains.ca/til?offset=14&til=2022-07-27-html-attribute-inert#2022-07-27-html-attribute-inert Wed, 27 Jul 2022 07:00:00 GMT <![CDATA[React event.code]]> https://taranveerbains.ca/til?offset=14&til=2021-12-29-react-event-code#2021-12-29-react-event-code https://taranveerbains.ca/til?offset=14&til=2021-12-29-react-event-code#2021-12-29-react-event-code Wed, 29 Dec 2021 08:00:00 GMT <![CDATA[determining which bug caused an issue]]> https://taranveerbains.ca/til?offset=14&til=2021-11-26-determining-which-bug-caused-an-issue#2021-11-26-determining-which-bug-caused-an-issue https://taranveerbains.ca/til?offset=14&til=2021-11-26-determining-which-bug-caused-an-issue#2021-11-26-determining-which-bug-caused-an-issue Fri, 26 Nov 2021 08:00:00 GMT <![CDATA[Improving Scroll Performance]]> https://taranveerbains.ca/til?offset=14&til=2021-10-24-improving-scroll-performance#2021-10-24-improving-scroll-performance https://taranveerbains.ca/til?offset=14&til=2021-10-24-improving-scroll-performance#2021-10-24-improving-scroll-performance Sun, 24 Oct 2021 07:00:00 GMT console.log('sup', e) window.addEventListener('scroll', onScroll, { passive: true }) ``` This will make it so that our scroll handler will not block the main thread (yay!). [ Check it out ](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners) ]]> <![CDATA[Intelligence and Wisdom]]> https://taranveerbains.ca/til?offset=14&til=2021-09-01-intelligence-and-wisdom#2021-09-01-intelligence-and-wisdom https://taranveerbains.ca/til?offset=14&til=2021-09-01-intelligence-and-wisdom#2021-09-01-intelligence-and-wisdom Wed, 01 Sep 2021 07:00:00 GMT <![CDATA[esbuild-loader]]> https://taranveerbains.ca/til?offset=14&til=2021-07-15-esbuild-loader#2021-07-15-esbuild-loader https://taranveerbains.ca/til?offset=14&til=2021-07-15-esbuild-loader#2021-07-15-esbuild-loader Thu, 15 Jul 2021 07:00:00 GMT <![CDATA[Recursive vs iterative approach]]> https://taranveerbains.ca/til?offset=14&til=2021-07-14-recursive-vs-iterative-approach#2021-07-14-recursive-vs-iterative-approach https://taranveerbains.ca/til?offset=14&til=2021-07-14-recursive-vs-iterative-approach#2021-07-14-recursive-vs-iterative-approach Wed, 14 Jul 2021 07:00:00 GMT <![CDATA[Document Fragment]]> https://taranveerbains.ca/til?offset=14&til=2021-07-12-document-fragment#2021-07-12-document-fragment https://taranveerbains.ca/til?offset=14&til=2021-07-12-document-fragment#2021-07-12-document-fragment Mon, 12 Jul 2021 07:00:00 GMT <![CDATA[Recursion]]> https://taranveerbains.ca/til?offset=14&til=2021-07-01-recursion#2021-07-01-recursion https://taranveerbains.ca/til?offset=14&til=2021-07-01-recursion#2021-07-01-recursion Thu, 01 Jul 2021 07:00:00 GMT <![CDATA[Feelings]]> https://taranveerbains.ca/til?offset=14&til=2021-06-29-feelings#2021-06-29-feelings https://taranveerbains.ca/til?offset=14&til=2021-06-29-feelings#2021-06-29-feelings Tue, 29 Jun 2021 07:00:00 GMT <![CDATA[History scrollRestoration]]> https://taranveerbains.ca/til?offset=14&til=2021-06-28-history-scroll-restoration#2021-06-28-history-scroll-restoration https://taranveerbains.ca/til?offset=14&til=2021-06-28-history-scroll-restoration#2021-06-28-history-scroll-restoration Mon, 28 Jun 2021 07:00:00 GMT <![CDATA[Post-Order Tree Traversal]]> https://taranveerbains.ca/til?offset=14&til=2021-06-24-post-order-tree-traversal#2021-06-24-post-order-tree-traversal https://taranveerbains.ca/til?offset=14&til=2021-06-24-post-order-tree-traversal#2021-06-24-post-order-tree-traversal Thu, 24 Jun 2021 07:00:00 GMT <![CDATA[GET vs POST]]> https://taranveerbains.ca/til?offset=14&til=2021-06-18-get-vs-post#2021-06-18-get-vs-post https://taranveerbains.ca/til?offset=14&til=2021-06-18-get-vs-post#2021-06-18-get-vs-post Fri, 18 Jun 2021 07:00:00 GMT ]]> <![CDATA[TypeScript Utility - Required]]> https://taranveerbains.ca/til?offset=14&til=2021-06-15-type-script-utility-required#2021-06-15-type-script-utility-required https://taranveerbains.ca/til?offset=14&til=2021-06-15-type-script-utility-required#2021-06-15-type-script-utility-required Tue, 15 Jun 2021 07:00:00 GMT <![CDATA[Require Generic]]> https://taranveerbains.ca/til?offset=14&til=2021-06-14-require-generic#2021-06-14-require-generic https://taranveerbains.ca/til?offset=14&til=2021-06-14-require-generic#2021-06-14-require-generic Mon, 14 Jun 2021 07:00:00 GMT = [T][T extends any ? 0 : never] type QT = 'first' | 'second' | T type Yolo = { data: QT } function doSomething(args: Yolo>): null { // do something return null } doSomething({ data: 'first' }) // okay doSomething({ data: 'three' }) // not okay doSomething<'three'>({ data: 'three' }) //okay ``` ]]> <![CDATA[RTK query and React Query]]> https://taranveerbains.ca/til?offset=14&til=2021-06-11-rtk-query-and-react-query#2021-06-11-rtk-query-and-react-query https://taranveerbains.ca/til?offset=14&til=2021-06-11-rtk-query-and-react-query#2021-06-11-rtk-query-and-react-query Fri, 11 Jun 2021 07:00:00 GMT <![CDATA[Dates and stuff]]> https://taranveerbains.ca/til?offset=14&til=2021-06-01-dates-and-stuff#2021-06-01-dates-and-stuff https://taranveerbains.ca/til?offset=14&til=2021-06-01-dates-and-stuff#2021-06-01-dates-and-stuff Tue, 01 Jun 2021 07:00:00 GMT <![CDATA[Easier shell scripts]]> https://taranveerbains.ca/til?offset=14&til=2021-05-31-easier-shell-scripts#2021-05-31-easier-shell-scripts https://taranveerbains.ca/til?offset=14&til=2021-05-31-easier-shell-scripts#2021-05-31-easier-shell-scripts Mon, 31 May 2021 07:00:00 GMT <![CDATA[DateTimeFormat]]> https://taranveerbains.ca/til?offset=14&til=2021-05-27-date-time-format#2021-05-27-date-time-format https://taranveerbains.ca/til?offset=14&til=2021-05-27-date-time-format#2021-05-27-date-time-format Thu, 27 May 2021 07:00:00 GMT <![CDATA[Carl Sagan + Weed]]> https://taranveerbains.ca/til?offset=14&til=2021-05-22-carl-sagan-weed#2021-05-22-carl-sagan-weed https://taranveerbains.ca/til?offset=14&til=2021-05-22-carl-sagan-weed#2021-05-22-carl-sagan-weed Sat, 22 May 2021 07:00:00 GMT <![CDATA[How to deal with a stye]]> https://taranveerbains.ca/til?offset=14&til=2021-05-04-how-to-deal-with-a-stye#2021-05-04-how-to-deal-with-a-stye https://taranveerbains.ca/til?offset=14&til=2021-05-04-how-to-deal-with-a-stye#2021-05-04-how-to-deal-with-a-stye Tue, 04 May 2021 07:00:00 GMT Lol so I got a stye and a home remedy that I've been using is a tea bag. You steep the tea bag for one minute and when it's bearable, rest the teabag on the affected eye for 5-10 minutes. Preferably use black tea. ]]> <![CDATA[Ambient TS files (*.d.ts)]]> https://taranveerbains.ca/til?offset=14&til=2021-04-29-ambient-ts-files-d-ts#2021-04-29-ambient-ts-files-d-ts https://taranveerbains.ca/til?offset=14&til=2021-04-29-ambient-ts-files-d-ts#2021-04-29-ambient-ts-files-d-ts Thu, 29 Apr 2021 07:00:00 GMT <![CDATA[document.activeElement]]> https://taranveerbains.ca/til?offset=14&til=2021-04-23-document-active-element#2021-04-23-document-active-element https://taranveerbains.ca/til?offset=14&til=2021-04-23-document-active-element#2021-04-23-document-active-element Fri, 23 Apr 2021 07:00:00 GMT <![CDATA[React.FC - don't bother]]> https://taranveerbains.ca/til?offset=14&til=2021-04-21-react-fc-don-t-bother#2021-04-21-react-fc-don-t-bother https://taranveerbains.ca/til?offset=14&til=2021-04-21-react-fc-don-t-bother#2021-04-21-react-fc-don-t-bother Wed, 21 Apr 2021 07:00:00 GMT <![CDATA[Typescript Conditional Types]]> https://taranveerbains.ca/til?offset=14&til=2021-04-09-typescript-conditional-types#2021-04-09-typescript-conditional-types https://taranveerbains.ca/til?offset=14&til=2021-04-09-typescript-conditional-types#2021-04-09-typescript-conditional-types Fri, 09 Apr 2021 07:00:00 GMT <![CDATA[TypesScript Utility Type - Parameters]]> https://taranveerbains.ca/til?offset=14&til=2021-03-29-types-script-utility-type-parameters#2021-03-29-types-script-utility-type-parameters https://taranveerbains.ca/til?offset=14&til=2021-03-29-types-script-utility-type-parameters#2021-03-29-types-script-utility-type-parameters Mon, 29 Mar 2021 07:00:00 GMT void> // [s: string] ``` [ Check it out ](https://www.typescriptlang.org/docs/handbook/utility-types.html#parameterstype) ]]> <![CDATA[attr]]> https://taranveerbains.ca/til?offset=14&til=2021-03-23-attr#2021-03-23-attr https://taranveerbains.ca/til?offset=14&til=2021-03-23-attr#2021-03-23-attr Tue, 23 Mar 2021 07:00:00 GMT Hello ``` ```css h1 { color: attr(data-color); } ``` Would generate an h1 with red text! [ Check it out ]() ]]> <![CDATA[react-testing-library screen]]> https://taranveerbains.ca/til?offset=14&til=2021-03-18-react-testing-library-screen#2021-03-18-react-testing-library-screen https://taranveerbains.ca/til?offset=14&til=2021-03-18-react-testing-library-screen#2021-03-18-react-testing-library-screen Thu, 18 Mar 2021 07:00:00 GMT <![CDATA[Good design]]> https://taranveerbains.ca/til?offset=14&til=2021-03-11-good-design#2021-03-11-good-design https://taranveerbains.ca/til?offset=14&til=2021-03-11-good-design#2021-03-11-good-design Thu, 11 Mar 2021 08:00:00 GMT <![CDATA[Wood filler]]> https://taranveerbains.ca/til?offset=14&til=2021-03-07-wood-filler#2021-03-07-wood-filler https://taranveerbains.ca/til?offset=14&til=2021-03-07-wood-filler#2021-03-07-wood-filler Sun, 07 Mar 2021 08:00:00 GMT <![CDATA[Namespace pattern in React]]> https://taranveerbains.ca/til?offset=14&til=2021-03-04-namespace-pattern-in-react#2021-03-04-namespace-pattern-in-react https://taranveerbains.ca/til?offset=14&til=2021-03-04-namespace-pattern-in-react#2021-03-04-namespace-pattern-in-react Thu, 04 Mar 2021 08:00:00 GMT { const [yolo, setYolo] = React.useState(false) // highlight-next-line return {children} } const SomeContextConsumer = ({children}) => { return ( // highlight-next-line {context => { if (context === undefined) throw new Error('Must be used within a SomeContextProvider') return children(context) }} ) } ``` ]]> <![CDATA[overflow, position absolute, stop hiding]]> https://taranveerbains.ca/til?offset=14&til=2021-02-23-overflow-position-absolute-stop-hiding#2021-02-23-overflow-position-absolute-stop-hiding https://taranveerbains.ca/til?offset=14&til=2021-02-23-overflow-position-absolute-stop-hiding#2021-02-23-overflow-position-absolute-stop-hiding Tue, 23 Feb 2021 08:00:00 GMT parent (overflow hidden) > child (position absolute) [ Check it out ](https://stackoverflow.com/questions/5513382/absolute-position-and-overflowhidden) ]]> <![CDATA[CSS ID's cannot start with numbers!]]> https://taranveerbains.ca/til?offset=14&til=2021-02-23-css-id-s-cannot-start-with-numbers#2021-02-23-css-id-s-cannot-start-with-numbers https://taranveerbains.ca/til?offset=14&til=2021-02-23-css-id-s-cannot-start-with-numbers#2021-02-23-css-id-s-cannot-start-with-numbers Tue, 23 Feb 2021 08:00:00 GMT <![CDATA[Valid header values]]> https://taranveerbains.ca/til?offset=14&til=2021-02-22-valid-header-values#2021-02-22-valid-header-values https://taranveerbains.ca/til?offset=14&til=2021-02-22-valid-header-values#2021-02-22-valid-header-values Mon, 22 Feb 2021 08:00:00 GMT <![CDATA[4 tools from twitter]]> https://taranveerbains.ca/til?offset=14&til=2021-02-20-4-tools-from-twitter#2021-02-20-4-tools-from-twitter https://taranveerbains.ca/til?offset=14&til=2021-02-20-4-tools-from-twitter#2021-02-20-4-tools-from-twitter Sat, 20 Feb 2021 08:00:00 GMT <![CDATA[Massive SVG and art board sizes]]> https://taranveerbains.ca/til?offset=14&til=2021-02-16-massive-svg-and-art-board-sizes#2021-02-16-massive-svg-and-art-board-sizes https://taranveerbains.ca/til?offset=14&til=2021-02-16-massive-svg-and-art-board-sizes#2021-02-16-massive-svg-and-art-board-sizes Tue, 16 Feb 2021 08:00:00 GMT <![CDATA[affinity designer]]> https://taranveerbains.ca/til?offset=14&til=2021-02-09-affinity-designer#2021-02-09-affinity-designer https://taranveerbains.ca/til?offset=14&til=2021-02-09-affinity-designer#2021-02-09-affinity-designer Tue, 09 Feb 2021 08:00:00 GMT <![CDATA[VSCode regions]]> https://taranveerbains.ca/til?offset=14&til=2021-01-18-vs-code-regions#2021-01-18-vs-code-regions https://taranveerbains.ca/til?offset=14&til=2021-01-18-vs-code-regions#2021-01-18-vs-code-regions Mon, 18 Jan 2021 08:00:00 GMT {} const x = () => {} //#endregion ``` [ Check it out ](https://code.visualstudio.com/docs/editor/codebasics#_folding) ]]> <![CDATA[Don't forget about closure]]> https://taranveerbains.ca/til?offset=14&til=2021-01-08-don-t-forget-about-closure#2021-01-08-don-t-forget-about-closure https://taranveerbains.ca/til?offset=14&til=2021-01-08-don-t-forget-about-closure#2021-01-08-don-t-forget-about-closure Fri, 08 Jan 2021 08:00:00 GMT <![CDATA[content-editable]]> https://taranveerbains.ca/til?offset=14&til=2021-01-01-content-editable#2021-01-01-content-editable https://taranveerbains.ca/til?offset=14&til=2021-01-01-content-editable#2021-01-01-content-editable Fri, 01 Jan 2021 08:00:00 GMT window.alert( JSON.stringify( Array.from(e?.target?.children).reduce( (acc, curr) => [...acc, curr?.innerText], [], ), ), ) } >
  • Food
  • Food
  • Food
    • ]]>         <![CDATA[Collapsing Margins]]> https://taranveerbains.ca/til?offset=14&til=2020-12-29-collapsing-margins#2020-12-29-collapsing-margins https://taranveerbains.ca/til?offset=14&til=2020-12-29-collapsing-margins#2020-12-29-collapsing-margins Tue, 29 Dec 2020 08:00:00 GMT <![CDATA[Printer ink]]> https://taranveerbains.ca/til?offset=14&til=2020-12-26-printer-ink#2020-12-26-printer-ink https://taranveerbains.ca/til?offset=14&til=2020-12-26-printer-ink#2020-12-26-printer-ink Sat, 26 Dec 2020 08:00:00 GMT <![CDATA[Credit card skimmers and shimmers]]> https://taranveerbains.ca/til?offset=14&til=2020-12-22-credit-card-skimmers-and-shimmers#2020-12-22-credit-card-skimmers-and-shimmers https://taranveerbains.ca/til?offset=14&til=2020-12-22-credit-card-skimmers-and-shimmers#2020-12-22-credit-card-skimmers-and-shimmers Tue, 22 Dec 2020 08:00:00 GMT <![CDATA[Abstract classes vs Traits]]> https://taranveerbains.ca/til?offset=14&til=2020-12-21-abstract-classes-vs-traits#2020-12-21-abstract-classes-vs-traits https://taranveerbains.ca/til?offset=14&til=2020-12-21-abstract-classes-vs-traits#2020-12-21-abstract-classes-vs-traits Mon, 21 Dec 2020 08:00:00 GMT <![CDATA[toFixed vs toPrecision]]> https://taranveerbains.ca/til?offset=14&til=2020-12-15-to-fixed-vs-to-precision#2020-12-15-to-fixed-vs-to-precision https://taranveerbains.ca/til?offset=14&til=2020-12-15-to-fixed-vs-to-precision#2020-12-15-to-fixed-vs-to-precision Tue, 15 Dec 2020 08:00:00 GMT <![CDATA[learning-repos]]> https://taranveerbains.ca/til?offset=14&til=2020-12-14-learning-repos#2020-12-14-learning-repos https://taranveerbains.ca/til?offset=14&til=2020-12-14-learning-repos#2020-12-14-learning-repos Mon, 14 Dec 2020 08:00:00 GMT
  • [ General ](https://nicedoc.io/lauragift21/awesome-learning-resources)
  • [ Best websites ](https://github.com/sdmg15/Best-websites-a-programmer-should-visit)
  • [ Dev Roadmap ](https://github.com/kamranahmedse/developer-roadmap)
    • ]]>         <![CDATA[volta]]> https://taranveerbains.ca/til?offset=14&til=2020-11-30-volta#2020-11-30-volta https://taranveerbains.ca/til?offset=14&til=2020-11-30-volta#2020-11-30-volta Mon, 30 Nov 2020 08:00:00 GMT <![CDATA[Mac emoji keyboard]]> https://taranveerbains.ca/til?offset=14&til=2020-11-30-mac-emoji-keyboard#2020-11-30-mac-emoji-keyboard https://taranveerbains.ca/til?offset=14&til=2020-11-30-mac-emoji-keyboard#2020-11-30-mac-emoji-keyboard Mon, 30 Nov 2020 08:00:00 GMT <![CDATA[s-max-age]]> https://taranveerbains.ca/til?offset=14&til=2020-11-23-s-max-age#2020-11-23-s-max-age https://taranveerbains.ca/til?offset=14&til=2020-11-23-s-max-age#2020-11-23-s-max-age Mon, 23 Nov 2020 08:00:00 GMT <![CDATA[Resort Area!]]> https://taranveerbains.ca/til?offset=14&til=2020-11-20-resort-area#2020-11-20-resort-area https://taranveerbains.ca/til?offset=14&til=2020-11-20-resort-area#2020-11-20-resort-area Fri, 20 Nov 2020 08:00:00 GMT <![CDATA[npm i prefix]]> https://taranveerbains.ca/til?offset=14&til=2020-11-16-npm-i-prefix#2020-11-16-npm-i-prefix https://taranveerbains.ca/til?offset=14&til=2020-11-16-npm-i-prefix#2020-11-16-npm-i-prefix Mon, 16 Nov 2020 08:00:00 GMT <![CDATA[Netlify Identity Widget]]> https://taranveerbains.ca/til?offset=14&til=2020-11-16-netlify-identity-widget#2020-11-16-netlify-identity-widget https://taranveerbains.ca/til?offset=14&til=2020-11-16-netlify-identity-widget#2020-11-16-netlify-identity-widget Mon, 16 Nov 2020 08:00:00 GMT <![CDATA[react-window]]> https://taranveerbains.ca/til?offset=14&til=2020-11-12-react-window#2020-11-12-react-window https://taranveerbains.ca/til?offset=14&til=2020-11-12-react-window#2020-11-12-react-window Thu, 12 Nov 2020 08:00:00 GMT <![CDATA[toLocaleString]]> https://taranveerbains.ca/til?offset=14&til=2020-10-29-to-locale-string#2020-10-29-to-locale-string https://taranveerbains.ca/til?offset=14&til=2020-10-29-to-locale-string#2020-10-29-to-locale-string Thu, 29 Oct 2020 07:00:00 GMT <![CDATA[useLayoutEffect vs useEffect]]> https://taranveerbains.ca/til?offset=14&til=2020-10-20-use-layout-effect-vs-use-effect#2020-10-20-use-layout-effect-vs-use-effect https://taranveerbains.ca/til?offset=14&til=2020-10-20-use-layout-effect-vs-use-effect#2020-10-20-use-layout-effect-vs-use-effect Tue, 20 Oct 2020 07:00:00 GMT <![CDATA[Scala pattern matching. If on steriods]]> https://taranveerbains.ca/til?offset=14&til=2020-10-20-scala-pattern-matching-if-on-steriods#2020-10-20-scala-pattern-matching-if-on-steriods https://taranveerbains.ca/til?offset=14&til=2020-10-20-scala-pattern-matching-if-on-steriods#2020-10-20-scala-pattern-matching-if-on-steriods Tue, 20 Oct 2020 07:00:00 GMT true //don't care about the first argument case Cat(_, _) => false // don't care about any arguments (this is the default case essentially) } } } ChipShop.willServe(oswald) // true ``` A pattern can be one of 1. a name, binding any value to that name; 2. an underscore, matching any value and ignoring it; 3. a literal, matching the value the literal denotes; or 4. a constructor-style pattern for a case class. ]]> <![CDATA[Scala comparisons]]> https://taranveerbains.ca/til?offset=14&til=2020-10-20-scala-comparisons#2020-10-20-scala-comparisons https://taranveerbains.ca/til?offset=14&til=2020-10-20-scala-comparisons#2020-10-20-scala-comparisons Tue, 20 Oct 2020 07:00:00 GMT <![CDATA[Scala Case Classes]]> https://taranveerbains.ca/til?offset=14&til=2020-10-20-scala-case-classes#2020-10-20-scala-case-classes https://taranveerbains.ca/til?offset=14&til=2020-10-20-scala-case-classes#2020-10-20-scala-case-classes Tue, 20 Oct 2020 07:00:00 GMT <![CDATA[window.open and max width/height]]> https://taranveerbains.ca/til?offset=14&til=2020-10-19-window-open-and-max-width-height#2020-10-19-window-open-and-max-width-height https://taranveerbains.ca/til?offset=14&til=2020-10-19-window-open-and-max-width-height#2020-10-19-window-open-and-max-width-height Mon, 19 Oct 2020 07:00:00 GMT <![CDATA[Why React Elements have a "$$typeof" Property]]> https://taranveerbains.ca/til?offset=14&til=2020-10-10-why-react-elements-have-a-typeof-property#2020-10-10-why-react-elements-have-a-typeof-property https://taranveerbains.ca/til?offset=14&til=2020-10-10-why-react-elements-have-a-typeof-property#2020-10-10-why-react-elements-have-a-typeof-property Sat, 10 Oct 2020 07:00:00 GMT <![CDATA[Promise Extensions for JavaScript (prex)]]> https://taranveerbains.ca/til?offset=14&til=2020-10-01-promise-extensions-for-java-script-prex#2020-10-01-promise-extensions-for-java-script-prex https://taranveerbains.ca/til?offset=14&til=2020-10-01-promise-extensions-for-java-script-prex#2020-10-01-promise-extensions-for-java-script-prex Thu, 01 Oct 2020 07:00:00 GMT ((resolve, reject) => { const request = http.get(from); // abort the request if canceled. const registration = token.register(() => { request.abort(); reject(new Error("Operation canceled.")); }); request.on("error", err => { registration.unregister(); reject(err); }); } ``` ]]> <![CDATA[Preapproval and a line of credit]]> https://taranveerbains.ca/til?offset=14&til=2020-09-21-preapproval-and-a-line-of-credit#2020-09-21-preapproval-and-a-line-of-credit https://taranveerbains.ca/til?offset=14&til=2020-09-21-preapproval-and-a-line-of-credit#2020-09-21-preapproval-and-a-line-of-credit Mon, 21 Sep 2020 07:00:00 GMT <![CDATA[Start with why]]> https://taranveerbains.ca/til?offset=14&til=2020-09-15-start-with-why#2020-09-15-start-with-why https://taranveerbains.ca/til?offset=14&til=2020-09-15-start-with-why#2020-09-15-start-with-why Tue, 15 Sep 2020 07:00:00 GMT <![CDATA[Graceful Shutdown]]> https://taranveerbains.ca/til?offset=14&til=2020-09-10-graceful-shutdown#2020-09-10-graceful-shutdown https://taranveerbains.ca/til?offset=14&til=2020-09-10-graceful-shutdown#2020-09-10-graceful-shutdown Thu, 10 Sep 2020 07:00:00 GMT <![CDATA[pascal-triangle]]> https://taranveerbains.ca/til?offset=14&til=2020-09-03-pascal-triangle#2020-09-03-pascal-triangle https://taranveerbains.ca/til?offset=14&til=2020-09-03-pascal-triangle#2020-09-03-pascal-triangle Thu, 03 Sep 2020 07:00:00 GMT { if (col === 0 || row < 1 || col === row) return 1 else return pascal(col, row - 1) + pascal(col - 1, row - 1) } run() ``` ```Scala:title=scala-example def main(args: Array[String]): Unit = { println("Pascal's Triangle") for (row <- 0 to 10) { for (col <- 0 to row) print(s"${pascal(col, row)} ") println() } } /** * Exercise 1 */ def pascal(c: Int, r: Int): Int = { // base case is if c = 0, just 1 if (c == 0 || r < 2 || c == r) 1 else pascal(c, r -1) + pascal(c - 1, r - 1) } ``` ]]> <![CDATA[Xpaths and Shadow DOM]]> https://taranveerbains.ca/til?offset=14&til=2020-09-01-xpaths-and-shadow-dom#2020-09-01-xpaths-and-shadow-dom https://taranveerbains.ca/til?offset=14&til=2020-09-01-xpaths-and-shadow-dom#2020-09-01-xpaths-and-shadow-dom Tue, 01 Sep 2020 07:00:00 GMT <![CDATA[Shadow DOM]]> https://taranveerbains.ca/til?offset=14&til=2020-08-18-shadow-dom#2020-08-18-shadow-dom https://taranveerbains.ca/til?offset=14&til=2020-08-18-shadow-dom#2020-08-18-shadow-dom Tue, 18 Aug 2020 07:00:00 GMT <![CDATA[Simple grape tomato breakfast]]> https://taranveerbains.ca/til?offset=14&til=2020-08-16-simple-grape-tomato-breakfast#2020-08-16-simple-grape-tomato-breakfast https://taranveerbains.ca/til?offset=14&til=2020-08-16-simple-grape-tomato-breakfast#2020-08-16-simple-grape-tomato-breakfast Sun, 16 Aug 2020 07:00:00 GMT <![CDATA[console.info]]> https://taranveerbains.ca/til?offset=14&til=2020-08-06-console-info#2020-08-06-console-info https://taranveerbains.ca/til?offset=14&til=2020-08-06-console-info#2020-08-06-console-info Thu, 06 Aug 2020 07:00:00 GMT <![CDATA[lodash fp]]> https://taranveerbains.ca/til?offset=14&til=2020-08-05-lodash-fp#2020-08-05-lodash-fp https://taranveerbains.ca/til?offset=14&til=2020-08-05-lodash-fp#2020-08-05-lodash-fp Wed, 05 Aug 2020 07:00:00 GMT <![CDATA[Proactive]]> https://taranveerbains.ca/til?offset=14&til=2020-07-29-proactive#2020-07-29-proactive https://taranveerbains.ca/til?offset=14&til=2020-07-29-proactive#2020-07-29-proactive Wed, 29 Jul 2020 07:00:00 GMT <![CDATA[express-middleware]]> https://taranveerbains.ca/til?offset=14&til=2020-06-03-express-middleware#2020-06-03-express-middleware https://taranveerbains.ca/til?offset=14&til=2020-06-03-express-middleware#2020-06-03-express-middleware Wed, 03 Jun 2020 07:00:00 GMT <![CDATA[supertest]]> https://taranveerbains.ca/til?offset=14&til=2020-05-25-supertest#2020-05-25-supertest https://taranveerbains.ca/til?offset=14&til=2020-05-25-supertest#2020-05-25-supertest Mon, 25 May 2020 07:00:00 GMT <![CDATA[tsconfigs]]> https://taranveerbains.ca/til?offset=14&til=2020-05-19-tsconfigs#2020-05-19-tsconfigs https://taranveerbains.ca/til?offset=14&til=2020-05-19-tsconfigs#2020-05-19-tsconfigs Tue, 19 May 2020 07:00:00 GMT <![CDATA[Risk and reward]]> https://taranveerbains.ca/til?offset=14&til=2020-05-15-risk-and-reward#2020-05-15-risk-and-reward https://taranveerbains.ca/til?offset=14&til=2020-05-15-risk-and-reward#2020-05-15-risk-and-reward Fri, 15 May 2020 07:00:00 GMT <![CDATA[Struggling]]> https://taranveerbains.ca/til?offset=14&til=2020-05-09-struggling#2020-05-09-struggling https://taranveerbains.ca/til?offset=14&til=2020-05-09-struggling#2020-05-09-struggling Sat, 09 May 2020 07:00:00 GMT <![CDATA[Free HTTPS certs]]> https://taranveerbains.ca/til?offset=14&til=2020-05-07-free-https-certs#2020-05-07-free-https-certs https://taranveerbains.ca/til?offset=14&til=2020-05-07-free-https-certs#2020-05-07-free-https-certs Thu, 07 May 2020 07:00:00 GMT <![CDATA[Promise Based Node Functions]]> https://taranveerbains.ca/til?offset=14&til=2020-05-04-promise-based-node-functions#2020-05-04-promise-based-node-functions https://taranveerbains.ca/til?offset=14&til=2020-05-04-promise-based-node-functions#2020-05-04-promise-based-node-functions Mon, 04 May 2020 07:00:00 GMT <![CDATA[Checkbox read-only]]> https://taranveerbains.ca/til?offset=14&til=2020-04-30-checkbox-read-only#2020-04-30-checkbox-read-only https://taranveerbains.ca/til?offset=14&til=2020-04-30-checkbox-read-only#2020-04-30-checkbox-read-only Thu, 30 Apr 2020 07:00:00 GMT <![CDATA[TypeScript declarations]]> https://taranveerbains.ca/til?offset=14&til=2020-04-27-type-script-declarations#2020-04-27-type-script-declarations https://taranveerbains.ca/til?offset=14&til=2020-04-27-type-script-declarations#2020-04-27-type-script-declarations Mon, 27 Apr 2020 07:00:00 GMT GeneralComponent.tsx |--> typings.d.ts |--> Specialized // has access to interfaces in typings |---> Specialized.tsx |---> __tests__ ``` Another valid way to do things is split typings in this way. ```text src/types |--> canvas.d.ts |--> interfaces.d.ts ``` ]]> <![CDATA[Model vs Controller]]> https://taranveerbains.ca/til?offset=14&til=2020-04-21-model-vs-controller#2020-04-21-model-vs-controller https://taranveerbains.ca/til?offset=14&til=2020-04-21-model-vs-controller#2020-04-21-model-vs-controller Tue, 21 Apr 2020 07:00:00 GMT <![CDATA[Internationalization in React]]> https://taranveerbains.ca/til?offset=14&til=2020-04-16-internationalization-in-react#2020-04-16-internationalization-in-react https://taranveerbains.ca/til?offset=14&til=2020-04-16-internationalization-in-react#2020-04-16-internationalization-in-react Thu, 16 Apr 2020 07:00:00 GMT <![CDATA[Keyboard events, divs, and tabIndex]]> https://taranveerbains.ca/til?offset=14&til=2020-02-18-keyboard-events-divs-and-tab-index#2020-02-18-keyboard-events-divs-and-tab-index https://taranveerbains.ca/til?offset=14&til=2020-02-18-keyboard-events-divs-and-tab-index#2020-02-18-keyboard-events-divs-and-tab-index Tue, 18 Feb 2020 08:00:00 GMT <![CDATA[Axios and Content-Type]]> https://taranveerbains.ca/til?offset=14&til=2020-02-11-axios-and-content-type#2020-02-11-axios-and-content-type https://taranveerbains.ca/til?offset=14&til=2020-02-11-axios-and-content-type#2020-02-11-axios-and-content-type Tue, 11 Feb 2020 08:00:00 GMT <![CDATA[California stop]]> https://taranveerbains.ca/til?offset=14&til=2020-02-06-california-stop#2020-02-06-california-stop https://taranveerbains.ca/til?offset=14&til=2020-02-06-california-stop#2020-02-06-california-stop Thu, 06 Feb 2020 08:00:00 GMT <![CDATA[WW2, Jews, and a Homeless Woman]]> https://taranveerbains.ca/til?offset=14&til=2020-02-02-ww2-jews-and-a-homeless-woman#2020-02-02-ww2-jews-and-a-homeless-woman https://taranveerbains.ca/til?offset=14&til=2020-02-02-ww2-jews-and-a-homeless-woman#2020-02-02-ww2-jews-and-a-homeless-woman Sun, 02 Feb 2020 08:00:00 GMT A fool will learn nothing from a wise man. But a wise man will learn much from a fool. Yesterday evening, I was approached by a visibly homeless woman and amidst her musings about how Canada is a flawed nation where people are left to suffer as corporate greed consumes the very essence of the city and about how one doesn't necessarily need a highschool education to be intelligent, she dropped a nugget of wisdom on me that I'll carry with me for quite some time. According to this woman, and I googled this after to make sure that it was in fact true, the people of Denmark actively assisted in helping Jewish Danes [escape from Hitler by evacuating them to neutral Sweden.](https://en.m.wikipedia.org/wiki/Rescue_of_the_Danish_Jews) By no means am I saying that this woman is a fool; please don't misunderstand me. What I'm trying to hit home with this TIL is that wisdom can come from anywhere, whether it's a college professor or a homeless woman who, and I can't make this up, began urinating in her pants mid conversation... everyone has got something to offer. ]]> <![CDATA[EC2 tiers]]> https://taranveerbains.ca/til?offset=14&til=2020-01-27-ec2-tiers#2020-01-27-ec2-tiers https://taranveerbains.ca/til?offset=14&til=2020-01-27-ec2-tiers#2020-01-27-ec2-tiers Mon, 27 Jan 2020 08:00:00 GMT <![CDATA[Focusing in with focus-within]]> https://taranveerbains.ca/til?offset=14&til=2020-01-16-focusing-in-with-focus-within#2020-01-16-focusing-in-with-focus-within https://taranveerbains.ca/til?offset=14&til=2020-01-16-focusing-in-with-focus-within#2020-01-16-focusing-in-with-focus-within Thu, 16 Jan 2020 08:00:00 GMT when one of its descendants is focused */ div:focus-within { background: cyan; } ``` [ Check it out ](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within) ]]> <![CDATA[Single sign-on]]> https://taranveerbains.ca/til?offset=14&til=2020-01-11-single-sign-on#2020-01-11-single-sign-on https://taranveerbains.ca/til?offset=14&til=2020-01-11-single-sign-on#2020-01-11-single-sign-on Sat, 11 Jan 2020 08:00:00 GMT <![CDATA[package.json main vs module]]> https://taranveerbains.ca/til?offset=14&til=202-10-05-package-json-main-vs-module#202-10-05-package-json-main-vs-module https://taranveerbains.ca/til?offset=14&til=202-10-05-package-json-main-vs-module#202-10-05-package-json-main-vs-module Mon, 05 Oct 2020 07:00:00 GMT <![CDATA[Don't call React Components like they're functions]]> https://taranveerbains.ca/til?offset=14&til=2019-12-13-don-t-call-react-components-like-they-re-functions#2019-12-13-don-t-call-react-components-like-they-re-functions https://taranveerbains.ca/til?offset=14&til=2019-12-13-don-t-call-react-components-like-they-re-functions#2019-12-13-don-t-call-react-components-like-they-re-functions Fri, 13 Dec 2019 08:00:00 GMT <![CDATA[Components and Inversion of Control]]> https://taranveerbains.ca/til?offset=14&til=2019-11-21-components-and-inversion-of-control#2019-11-21-components-and-inversion-of-control https://taranveerbains.ca/til?offset=14&til=2019-11-21-components-and-inversion-of-control#2019-11-21-components-and-inversion-of-control Thu, 21 Nov 2019 08:00:00 GMT <![CDATA[UTF-8 and encodings]]> https://taranveerbains.ca/til?offset=14&til=2019-11-17-utf-8-and-encodings#2019-11-17-utf-8-and-encodings https://taranveerbains.ca/til?offset=14&til=2019-11-17-utf-8-and-encodings#2019-11-17-utf-8-and-encodings Sun, 17 Nov 2019 08:00:00 GMT <![CDATA[Plop JS -- making your project structure consistent!]]> https://taranveerbains.ca/til?offset=14&til=2019-11-14-plop-js#2019-11-14-plop-js https://taranveerbains.ca/til?offset=14&til=2019-11-14-plop-js#2019-11-14-plop-js Thu, 14 Nov 2019 08:00:00 GMT file name 2. componentName > index.js 3. componentName > \_\_tests\_\_ ]]> <![CDATA[Setting up your own private registry!]]> https://taranveerbains.ca/til?offset=14&til=2019-11-13-private-npm-registry#2019-11-13-private-npm-registry https://taranveerbains.ca/til?offset=14&til=2019-11-13-private-npm-registry#2019-11-13-private-npm-registry Wed, 13 Nov 2019 08:00:00 GMT <![CDATA[Headless UI Components]]> https://taranveerbains.ca/til?offset=14&til=2019-10-25-headless-ui-components#2019-10-25-headless-ui-components https://taranveerbains.ca/til?offset=14&til=2019-10-25-headless-ui-components#2019-10-25-headless-ui-components Fri, 25 Oct 2019 07:00:00 GMT 16.8`, hooks. Below is an example of two different interface implementation of a very simple toggle -- the state isn't complicated but since we created this headless interface, the UI can easily be changed/edited and does not suffer from the opinions of the library author! ### The Example ```jsx:title=renderProps class Toggle extends React.Component { state = { on: false, } handleClick = (cb = () => {}) => evt => { this.setState({ on: !this.state.on }, () => cb(evt)) } render() { const { state, handleClick } = this return this.props.children({ state, handleClick }) } } function CheckBox() { return ( {({ state, handleClick }) => { return ( ) }} ) } // Just some simple styled components // to illustrate how we can decouple the styling from the logic const Label = styled.label`` const Input = styled.input`` const Slider = styled.span`` function PrettyToggle() { return ( {({ state, handleClick }) => { const appliedHandleClick = handleClick(console.log) return ( ) }} ) } ``` ```jsx:title=hooks function useToggle(cb = () => {}) { const [on, updateClick] = React.useState(false) const event = React.useRef() React.useEffect(() => { cb(event) }, [on]) return { on, handleClick(evt) { event.current = evt updateClick(!on) }, } } function HookPrettyToggle() { const { on, handleClick } = useToggle(console.log) return ( ) } function HookCheckBox() { const { on, handleClick } = useToggle() return ( ) } ``` ]]> <![CDATA[Hypermedia πŸ€”]]> https://taranveerbains.ca/til?offset=14&til=2019-10-22-hypermedia#2019-10-22-hypermedia https://taranveerbains.ca/til?offset=14&til=2019-10-22-hypermedia#2019-10-22-hypermedia Tue, 22 Oct 2019 07:00:00 GMT <![CDATA[A taste of Node]]> https://taranveerbains.ca/til?offset=14&til=2019-08-10-a-taste-of-node#2019-08-10-a-taste-of-node https://taranveerbains.ca/til?offset=14&til=2019-08-10-a-taste-of-node#2019-08-10-a-taste-of-node Sat, 10 Aug 2019 07:00:00 GMT | | | | | | | | | | | | | | | | | +-----+-------+ | +---+--^------+ | | | | | | | | | | | | | | | | | | | | | | | | | | | | +--v--+------------+ +------------------+ | | | |Node (C++) | |OSS | | | | | | | | | | | | <--+ | | | | | +--> | | | | | | | | |<-------------------+ | | | | | | | +------------------+ +------------------+ | | | +-----------------------------------------------+ ``` ]]> <![CDATA[Axios, a DAM, and preflight]]> https://taranveerbains.ca/til?offset=14&til=2019-07-30-axios-and-preflight#2019-07-30-axios-and-preflight https://taranveerbains.ca/til?offset=14&til=2019-07-30-axios-and-preflight#2019-07-30-axios-and-preflight Tue, 30 Jul 2019 07:00:00 GMT <![CDATA[Call a Spade a Spade]]> https://taranveerbains.ca/til?offset=14&til=2019-07-27-spade-shovel#2019-07-27-spade-shovel https://taranveerbains.ca/til?offset=14&til=2019-07-27-spade-shovel#2019-07-27-spade-shovel Sat, 27 Jul 2019 07:00:00 GMT <![CDATA[Potato seeds are actually just rotten potatoes!]]> https://taranveerbains.ca/til?offset=14&til=2019-07-26-potato-seed#2019-07-26-potato-seed https://taranveerbains.ca/til?offset=14&til=2019-07-26-potato-seed#2019-07-26-potato-seed Fri, 26 Jul 2019 07:00:00 GMT <![CDATA[Don't use the unload event!]]> https://taranveerbains.ca/til?offset=14&til=2019-07-14-visibility-change#2019-07-14-visibility-change https://taranveerbains.ca/til?offset=14&til=2019-07-14-visibility-change#2019-07-14-visibility-change Sun, 14 Jul 2019 07:00:00 GMT <![CDATA[Buddy works!]]> https://taranveerbains.ca/til?offset=14&til=2019-07-05-buddy-works#2019-07-05-buddy-works https://taranveerbains.ca/til?offset=14&til=2019-07-05-buddy-works#2019-07-05-buddy-works Fri, 05 Jul 2019 07:00:00 GMT <![CDATA[Make the right thing the easy thing]]> https://taranveerbains.ca/til?offset=14&til=2019-07-04-best-defaults#2019-07-04-best-defaults https://taranveerbains.ca/til?offset=14&til=2019-07-04-best-defaults#2019-07-04-best-defaults Thu, 04 Jul 2019 07:00:00 GMT