How to Modify CSS Variables in React

5min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

In React, everything turns into objects. The easiest way to do it is to add a class and just override the variable in the class. If you are specifically talking about parsing the CSS and looping over and maybe incrementing or like programmatically changing it, there's probably lots of plugins for this. But at the end of the day, you would just have to import your CSS, not as CSS, but as just raw text. And that will give you just that's just text at theend of the day. It's a string.

In this potluck episode of Syntax, Wes and Scott answer your questions about Prisma, CSS variables in React components, JS notebooks, transcribing podcasts, keeping up with dev skills, selling a domain, and more.

Show Notes

00:10 Welcome
00:42 Harassed by a big truck
03:20 Corrections and omissions
Syntax 627 - Electronics for Beginners
05:57 Should I be using $executeRawUnsafe with Prisma?
09:48 unset and initial
11:54 true and false outside ARIA attributes
14:56 Is there a way to modify the CSS variables from the React component?
18:58 How do you feel about the JS notebooks landscape?
Jupyter
yunabe/tslab: Interactive JavaScript and TypeScript programming with Jupyter
Val Town
The notes app for your working memory - Stashpad
Obsidian - Sharpen your thinking
Light Table
27:39 Is it possible to transcribe your podcasts?
World’s Most Powerful Speech-to-Text API | Deepgram
29:05 Any tips for keeping my developer skills up without burning out?
36:35 Any advice for selling a domain?
Escrow.com | Never buy or sell online without using Escrow.com.
42:13 How do you update and future-proof project dependencies?
Syntax 425 - Updating Project Dependencies
47:14 When I write TypeScript code, I always wonder if it’s a generally good practice to use Type-Only import when importing types?
53:54 How would you go about conditional wrapper tags in Astro, Svelte or React?
56:07 SIIIIICK ××× PIIIICKS ×××