Skip to main content

about 3 years ago Syntax Podcast

Potluck × CSS Variables in React × JS Notebooks × Selling a Domain

Wes Bos

Wes Bos Host

Scott Tolinski

Scott Tolinski Host

Topic 0 04:45

Corrections on CSS initial vs unset

Wes Bos

rid Find exactly what you're talking about before. Sure you had somewhere where you had dollar sign transaction rid. Shows you every day what domains sold and what they sold for. Mhmm. And they're every now and then you get like a massive

Guest 2

Then the other one Oh, wait. But you did you got that correction in omission also incorrect

Wes Bos

so all of the ones I was talking about where the simple existence of it are called Boolean attributes.

Guest 2

occasions

Guest 2

Many or better yet somehow implement the SQL merge from SQL Server into Postgres.

Guest 2

Because you said that I said you you, West Boss, said that, but, the blog post very clearly says that Scott says this. Rid You can take the blame for it if you'd like, but I'm pretty sure this is Alright. This is a Scott fumble.

Guest 2

generating migrations without running them. Really? same drive, I think,

Wes Bos

Okay. Oh, good. The other one I got wrong rid Was it I have it. Numi? You have it? Numi?

Guest 2

Yeah. The inner HTML adding stuff. So in in React land or any of this land, when you see the word unsafe, what typically means is that it's not that is Not safe to do it all as I'm sure this person knows.

Wes Bos

Content editable equals false the the safety of the ecosystem.

Guest 2

It's not like performance requirement.

Guest 2

I've found myself on multiple And it seems like the there is a Jupyter Notebook integration for Obsidian.

Wes Bos

We only have strings. You know? Because then if you're trying to parse that It's only strings wise. Oh, I don't know. That's rid There's I can offer you $800.

Guest 2

I I honestly, I would imagine that Prisma is just straight up generating

Wes Bos

like, I guess But may maybe even just, like, embedding a a Val Town. Like, could you just embed? There's there's an embedding API for Val Town. Yeah. Well, I think the difference is there is that the way people are using notebooks, And I said,

Guest 2

This is like for our importer. So it's not like something that end users are gonna hit. Rid Yeah. I I haven't I haven't had to actually get into

Wes Bos

is incorrect in that

Guest 2

actually do some difficult and everything felt hard because you you've, like, reached a point where you're just completely fatigued mentally. Right? And and some of that for me came along with having kids When you're not getting enough sleep. Right? And you're getting

Guest 2

when I'm like designing a UI API, not just with HTML or anything like that, but like rid If there is UI code that's been authored in React or something. Yeah. I don't know what bugs me more is the fact that a string of false

Guest 2

for edge cases and,

Wes Bos

The browser default for margin is 8 pixels, but the initial value CSS rid I think I said,

Wes Bos

rid Auto complete. It's kind of weird because Auto complete has on or off as one of the values.

Guest 2

In the name of performance, or am I missing something obvious? If you 2 have a line to the Prismafolk,

Guest 2

out sometimes why the decisions were made. Yeah. Things didn't end up like this by accident, so to say.

Wes Bos

batch it's doing rid Update or insert, meaning that if it's there, update it. If it's not, create it. And then many is as you're running multiple at a time, which I could see that being helpful if rid. That opens up so many more features in terms of, like, but I do want to ensure I keep progressing and getting better with the basics of new languages and concepts. Rid. Without the years of experience behind me, any tips to keep up keep my skills up without burning out?

Wes Bos

other attributes that are either keyword or innumerable,

Guest 2

But it's that it's not say or not you wanna know what you're writing. You know, don't don't post anything in here that could lead to SQL injection or anything.

Wes Bos

Is Right.

Guest 2

And because of that, I think at that point, I would just reach for Yeah. I gotta do that. Temp you know you know about Tempus 10? Yeah. Yeah. Cool.

Wes Bos

But then I guess if you if you say download equals false, rid Updating the data. So if you wanna pull them again, you can say, alright, well, we'll update it if there is an update. Otherwise, if if there's nothing there, we'll we'll create it. Rid But I, every question that I have Yeah. First one we have here is from John. Love the electronic for beginners episode. One of the best so far. Wow. That's high praise.

Wes Bos

rid don't exist outside of ARIA attributes,

Wes Bos

stuff rid To the Internet, put it in a blog post because then it it lives there forever, and we can point to it.

Wes Bos

the initial value and not the browser default,

Guest 2

I just it's not my specialty. Or, like, dipping outside of please don't hesitate to push for a upsert It flies around the side of me. The guy starts yelling something at me. And then he goes in front of me and starts rolling coal. Do you ever have people who roll coal in Canada? Is that something? I know all about my my my dad used to rid. Used to do, like, tractor

Wes Bos

debugging perf in that regard. Awesome. Next one we get into is, rid Manuel some you could probably just regex parse it out real quick. But there's probably also libraries out there if you really wanted to do that.

Wes Bos

initial values and browser defaults are not always the same rid. Thing and a very good example is margin.

Wes Bos

was, I said that the yeah. I meaning that they they can be set to keywords or they can be set to rid. An enum, a number of predefined set options, right? designer hybrid, rid. Fifty grand or something like that. But almost always, like, the day's high is

Wes Bos

I was just I found the GitHub issue rid For that, although I found the Is there a rub with that? Transactions are suboptimal.

Wes Bos

into a single Yes. Yes. Yes. Prisma into a single, like, actual thing. So if you had a if you had a 100 things to do, You could put them into a dollar sign transaction, and it would only ever do actually 1 database transaction instead of a100. So I was wondering, like, maybe there's something that could be used or something.

Wes Bos

So if you set If you set autocomplete to false, Like domain buyers, sellers, squatters

Wes Bos

rid There are a couple HTML attributes

Guest 2

just the the raw unsafe because the unsafe part of it In any of these things, which is, like, what was that? The React one, the unsafe, or you need to get a date? The inner HTML.

Guest 2

Bugs me,

Guest 2

So if you seem like a knowledgeable

Wes Bos

the difference between unset and initial.

Wes Bos

and it's not. CSS Container queries. You don't need to go learn container queries right now. But if you're on your next project and you think, oh, rid I know what they are because I thought I listened to Scott and Wes and they explain what they are, Actually false? The March 6 2020 was their last tweet. Oof. What happened? to Jupyter Notebooks, dip into rid And, like, 8 or 9 of them just sent me bags and bags of rubber bands. And then 1 company sent me the biggest rubber band they sell. Oh, wow. Like rid It was like a resistance band now that I think about it, but it was huge. That was that was really fun. And then one day, it it got stolen or something from the garage And my skateboard and the rubber I or I have more it rolled Yeah. Rolled down the driveway or something. In a demolished car? Yeah.

Wes Bos

that's Where initial was good. So I didn't know that, and that's a good point out.

Wes Bos

And, I didn't even realize this, but there are a couple HTML attributes out there. Content editable being 1.

Guest 2

And I think I personally would do that as well even though I'm not a SQL pro just because I'm going to look,

Wes Bos

Multiple Prisma queries So if you want to explicitly you could parse it out. Rid. Just buy with some a good one or any other fast way of getting a pipeline rid

Wes Bos

Mhmm. And there's there's only one reference of like, you would think If you could do that, I guess people would be like, just use the transaction. Right. And, you know, this this code that we're using transaction on

Wes Bos

and that Rid and there are So that one can be set to false. I I Kinda, like, looked for a list online, and I couldn't find a whole lot. But the other ones I found was, max

Wes Bos

migrations. Yeah. And I think we said that.

Guest 2

Re I, me personally, I've only had to do that one so far. So this is, as you can imagine, does not feel great. Yeah. Anytime, execute raw, unsafe.

Guest 2

Alright. Rid. 1st question here of the day is from Hansel is so hot right now.

Guest 2

But, anyways, can I continue? Yeah. Totally. Anyhoo, here's my question. Prisma lacks an up cert mini function. I find myself time and time again reaching for execute raw unsafe.

Wes Bos

Verification that the sequel I'm writing is safe in these cases. So yeah. I I would I would probably do that than sacrifice performance for sure. Rid Yeah. Upsert many is is wild. I I I don't know that I've used that, but I can think of a lot of times I would want, which is

Guest 2

Okay. So you know what? I would personally, at this point, reach for by component that imports styles dot CSS.

Wes Bos

Of where people are talking about wanting up cert many in Prisma.

Guest 2

Good. Yeah. Next one is a note on the o r ORM episode. I adore Prisma so much that I feel include

Wes Bos

which allowed you to when you need them. So And you can do that in Vite by appending the question mark raw onto the end of your imports. And that will give you just that's just text at the end of the day. It's a string.

Wes Bos

Is that the is that a that's a Prisma thing. Right? that is turning. Yeah, that is turning it off Because it's turning it off. Will not be on.

Guest 2

SQL user

Wes Bos

rid. That's it's a bit odd that the migrations are and maybe I'm just I don't know what I'm talking about, but shouldn't the migrations be done with Prisma code so that you stay inside of all the So he emailed me and said, hey, looks fairly new, called TS Lab,

Guest 2

the execute raw unsafe.

Wes Bos

will turn it on.

Guest 2

Rid. Does it bug you sometimes that there are different, like, keywords like on off instead of true false Yeah. In situations like that? Like, that really

Topic 1 36:50

How to determine fair price when selling a domain

Wes Bos

rid. And he was not into it. And then we ended up on $3, which is is decent. Yeah. I did the math. I think I think I paid like $800

Guest 2

How might I try and figure out who the real buyer is to make sure I'm getting a fair rid. The domain has my last name in it.

Wes Bos

But rid. He wanted $1,000 for it? But, like, the thing about cool ads is I'm at West Boss, so it's not worth it. Yeah. I know you have it easy in that regard. I've started,

Wes Bos

to go back in in domain name history but my dream is to become a full time programmer. I don't Want to spend all of my spare time coding coding, Rid Yeah. So the TS Lab true and false We we are using I just want somebody to make like a developer first and some of them are a little nitpicky and edge case y, but there's a couple of good ones in here I thought we'll go through. So I rid Shout out to Manuel for writing this blog post because,

Guest 2

I would just say,

Wes Bos

skinning efficiently enough. That's anytime something is smoking, It means it's not burning efficiently.

Guest 2

Musk or like some rich person's name. Yeah.

Guest 2

If it if that changes your thoughts on selling it,

Wes Bos

And usually,

Wes Bos

at boss on Instagram. Oh, wow.

Wes Bos

like, $7 or something like that. You gotta be careful because, like, you don't wanna, like So the first one rid That we had here is I enjoyed the but I think I enjoyed the format more. Keep it up, property. So go on your Rack component

Guest 2

I would find an actual brokering

Wes Bos

it's worth it, but these guys have enough domains that they sit on them. Eventually, someone's going to say, you know what? We got VC funding, 90 k. Let's do it. We got we got 6,000,000 from our VCs. 90 k is not a big deal for a sweet domain name. So they just sit on enough of those that they buy

Wes Bos

rid. Several domains in my day but this is probably a good use case for them. You can do just in time learning, rid Meaning that you can look it up. You probably say

Wes Bos

And I was like not download itself. It will use the browser default. Yeah.

Wes Bos

blah blah blah.

Wes Bos

if you come back at them at, like, 50 rid k or whatever, then it's just like a bit of a slap in the face, you know? using this service called mybinder.org, you need to be constantly aware

Guest 2

sell it through a broker, you know? Don't don't just be like, here, I'll transfer it to you when you send me the PayPal money or something.

Guest 2

Yeah. Or or yeah. Like Gates

Wes Bos

Who has privacy on that domain name for probably 8 years. So he has tooling finding similar episodes and searching for what was that thing Wes was talking about? What the,

Wes Bos

for Chrome DevTools.

Guest 2

I also own The same domain with other t l d's. Okay. So presumably because I'm like, this at this point, I'm thinking this guy is messing with me because I'm an electric car. Right? I have no idea. What could he possibly Hey. Hey. I'm doing good.

Wes Bos

If you there's like a, Oh, yeah. Which is really, really nice.

Wes Bos

Not to say that which was we're initially going to build a they get wild. And like if you had a

Wes Bos

I don't know. I I would probably take the rid wherever those variables have been set in your CSS, those that's where they'll be they'll be scoped to. So you might have set them on Like a div with a specific class, you might have set them on the body.

Guest 2

snapping up at ski, s k I, on things if I'm early. Oh.

Guest 2

I I personally would taste 4 figures for just about most domains that I own. So,

Wes Bos

Some I had somebody on Instagram try to offer me is not a like a React thing. That's like a probably a Vite thing or a parcel thing.

Guest 2

or

Wes Bos

that will try buy them. So I had probably for 12 years, I owned Chrome. Io,

Wes Bos

you want to sell it? which is attributes in HTML you know, because they have

Wes Bos

He said okay. I was like, you know, I say, whereas like it will turn it off. Whereas contenteditable equals true I'll just write it like a test suite or test runner. Not that I'm necessarily wanting to write a whole bunch of tests, but it's a really nice way to just like rerun them when When you want, you can pick which ones you want to rerun.

Wes Bos

$90,000.

Wes Bos

to see who owned it rid 12 years ago.

Guest 2

that's interesting. Somebody wants to buy 4 figures.

Wes Bos

to hold it over the years, though. So that was a bit of a bummer. Sure.

Wes Bos

Twitter account I follow on Twitter I'm I'm not as excited about it as I used to be. Rid. What are some other,

Wes Bos

And and he said

Wes Bos

5, $6 for something pretty good. Mhmm. So I think I would probably which is text to speaker.

Wes Bos

3. I don't know. Basically, I was like, let's do 4,

Topic 2 29:25

Tips for learning web development as a new parent

Wes Bos

that, like, burnout of,

Wes Bos

And you touch upon 4 or 5 different new pieces of tech. You learn them, you finish it, you ship the thing, it's out the door, Nothing in CSS, a lot of the AI stuff And in academic circles, people use Jupyter Notebooks.

Guest 2

my own self

Wes Bos

until it's time that they specifically need to use it. So that's my first tip. And rid. The other one there is just pick up a project where

Wes Bos

with a young family.

Wes Bos

went and bought to every single rubber band company I could find, But then on the flip side, there's also

Guest 2

one thing that I choose to do instead of little demos is have, like, 1 big playground kind of demo. Like an app that's like familiar to me that I can work into in any time I I want to Light Table,

Wes Bos

of

Wes Bos

maybe maybe you want to build a massive application and you're constantly kind of like a little scratch pad Where you can add numbers. Like, sometimes I do math

Guest 2

That's hilarious.

Guest 2

Like, I don't Life and encoding in that world,

Guest 2

know. It's a couple, couple inches in diameter. Not too major. Oh. But even even that thing I just remember my fingers being raw from it. Yeah. It takes forever. And it it

Wes Bos

I am 36 which, I I used to not like Jupyter Notebooks for some reason, but maybe I need to take another rid. Like hundreds and hundreds of elastics, and they're surprisingly cheap, like a dollar, a dollar per bag.

Wes Bos

I think you just need to know that you can learn the things that you need

Guest 2

Do it again in in 6 months from now. Yeah. And you can also just push it up there and then never think about it again because just simply having that experience will

Guest 2

it's heavy. Even it's heavy even at that small of a size, so I can only imagine. Yeah. Alright. Next question from Wally. Wally says, I've received multiple emails from a domain broker that wants to purchase a .com domain that I've owned for a number of years. They've offered a low 4 figures price

Guest 2

love doing it in the evening sometimes to relax or or just in general for like more like fun occasions than just for straight up work. But when you're feeling burnt out from Mhmm. Like, that concept to me feels like it It follows very closely with this idea of just, Guy flies up on my tail end, like, I'm I'm just driving like normal. Some guy flies up right on my tail,

Wes Bos

But I think for a lot of people, it would be nice if you set out to build something small rid Open up a set of curly brackets, then open up another set of curly brackets. You have a style object, rid. A low four four figure. That sounds pretty sweet.

Wes Bos

So rid How do you keep up? I'm getting sick of this.

Guest 2

you're not gonna wanna do that. And you're not gonna I mean, that's fine to that's fine if you don't want to do that anyways, but you're not going to have that same passion, rid For the work you do. And that can, you know, just in general, be a huge bummer in life. So Beautifully put.

Guest 2

And

Guest 2

when that happened, it relieved to me felt like

Guest 2

to Just work into that. And then that makes me feel like I'm actually building something bigger. So there there could be 2 different types of motivation. And if you're more motivated by this,

Wes Bos

and you can either continue building on that or that

Guest 2

so far.

Wes Bos

it would like I would like bounce it on, like, the sidewalk tiles at my house, and it would just like so What a space. Somebody yeah. Somebody solve this for us. I just I just want You go to you go to Chrome dot io right now, it's for sale For $90.

Guest 2

You know, ball massive ball rolling downhill. You could just keep adding a a rubber band to this rubber band ball.

Guest 2

Just just not having that that

Wes Bos

Yeah. Jeez.

Guest 2

rid Push the needle forward. So

Guest 2

inflicted schedule.

Wes Bos

Thanks for the podcast. You provide a balanced view on web development which is someday Google is gonna come and and buy it from me. Right? Mhmm. And, Awful for the environment because it's it's not, theming service No. No. Rid. Numie is cool, though. It's kind of just like a little, just to stick your variables in like an object or something like that. And then note taking mind mapping to do is 0. So if you want to set it back to But like you're right, Jupyter markdown files and then they're not like Rid And it never panned out, but I just like I was like, I'm gonna sit on this Chrome. Io for

Guest 2

Yeah. Ours was not nearly ours was maybe, like,

Guest 2

yeah. I I do. It's it's all about finding the things that keep you feeling excited about working on code. And as long as you can tap into that excitement, like you said, even with Wes, like, coming up with a project, getting some wins, pushing it up, getting it out.

Guest 2

Yeah. That's a a massive like £20.

Wes Bos

I guess, like, you've only been a developer for a couple of years is at a certain point in your career, you say, I know enough coding about updates to the CSS,

Guest 2

platform specific stuff. I have this, like, larger playground I can tap into

Wes Bos

rid

Wes Bos

Rid I didn't I even tell you I had a massive rubber band ball as a kid? Yeah. We did too, but I don't know

Wes Bos

Where I'm confident enough that I can figure things out when it is that I need it. So I don't necessarily this is a great way. If you want to clarify something or you want to also add some

Guest 2

half the amount of sleep or even less than you're used to be getting in. The amount of time you have to focus on this stuff is less and less, so you're having to grim more into the amount of time that you have. And you can really face this this moment where it feels tough to do the things you love to do. Like, for me, it's I love programming and I I really sincerely

Guest 2

Those types of little things are great. I personally

Wes Bos

I've rid Been coding since 2019, and I feel like there is too much to catch up on. Web development moves so fast, I struggle to block out the noise while progressing my skills. I have managed to shift my career from being a designer to a web developer

Guest 2

Rid. Oh, wow. And,

Wes Bos

and something that you are excited about. So don't build a

Wes Bos

Like we've we've had people on where they've worked on apps for years years years.

Guest 2

for me, when I I got a lot of burnout from registrars at this point have that like baked into their platform in some sort of way, But you can find a domain broker to sell it through. And that way to make sure store.com is what Yeah. What everybody does. So I have sold

Wes Bos

rid Boom. Boom. Boom. The sidewalk files would, like, pop up. And then I would I sent My name is Wes Bos. I'm a developer from Canada. With me, as always, is mister Scott Talinski. How are you doing today, Scott? the CSS Then it will

Guest 2

whether it be, you know, more

Guest 2

goof around on a specific coding topic, Jupyter context.

Topic 3 23:55

Domain broker wants to buy listener's domain

Wes Bos

Rid What? I And you, m I? No.

Wes Bos

is

Guest 2

2012, How would you go about it? Combine several built in Prisma commands or bypass the comfort and safety of the ORM and go straight to SQL jugular

Guest 2

rid. We're getting closer and closer with the new site development. So

Wes Bos

Jupyter Notebooks, that was always a weird thing for me as well as you gotta like install rid is a browser default, attributes as well, because download is you could pass it scott.jpeg.

Guest 2

not getting the full juice out of Exactly what it is. That would be like the ideal scenario for me if you could have

Guest 2

your podcast?

Guest 2

A text editor that, like, always executed your code immediately underneath it. And I don't know if that ever came to fruition. I remember they didn't launch with JavaScript, so I I didn't get to

Wes Bos

I'll put 13.

Guest 2

across cells in a larger, So I thought this would be a good opportunity for you, Wes, because

Guest 2

in something like Obsidian.

Wes Bos

I think that what I want exists. I just haven't given things a fair shake.

Guest 2

There was a this you might not remember this, but there was a

Wes Bos

This seems cool. Yeah.

Guest 2

maybe just give a a quick update on what you're doing with the transcripts since our last

Wes Bos

I think it does JavaScript now. Math dot

Guest 2

This is wild. I think I probably was a bidder on this,

Wes Bos

which is, I think, hosted

Guest 2

and it was I found the original Kickstarters from 2000 and 14, January 2014 I remember this. Yeah.

Guest 2

we need to do a whole whole show on notes. But, yeah, next one. Well, that would be a good opportunity to learn notebooks and, give a more educated response to all this. Alright. Next question is from,

Wes Bos

your own thing, but it it points out a git repo.

Wes Bos

supported anymore. Yeah.

Guest 2

full support And this doesn't support the official, like, Jupyter

Guest 2

says, is it possible to transcribe

Wes Bos

Yeah. I think I just haven't

Wes Bos

what this guy is doing now. I'll have to look into that. Yeah. Wow. You can tell by the gradient On the download button that it is probably not the first thing you said is it's true that Unset Reset Resets a property to its inherited value, but only if the property national inherits for a parent. If not, it uses the initial value. So I thought, like, yeah, of course. Like, rid. Obviously, if there's nothing up the cascade tree, then it just sets back to the initial value. But where I got it wrong is I said that initial

Guest 2

right. But Yeah. What was that? Do you remember that? There was, like, some really wow demos of, you know, Numi.

Guest 2

for straight up web dev path Yeah. Even if it feels like it's super related, I Depends on the salt uses a lot of dollar signs. So let me rid So much so that I feel included to correct the syntax record. The migrations are stored in the directory called migrations. Yeah. That's that tracks In the root of your project as SQL files,

Wes Bos

and it will tell you and all the way down, who created it or how it arrived in our house. Rid. Oh, I I remember seeing 1, like, in Guinness Book of World Records, and I was like, I'm gonna make one of those. So I like rid Probably about 6 months ago, I got some I got an email from a guy, and you need to know that, like, React doesn't really do much for CSS. So importing rid CSS into a React component Not as CSS, but as just raw text.

Guest 2

put it to use for a month and say, hey. Let's both do our primary note taking on this stuff For a full month. Mhmm. I'm down for that. I'm into it because rid. Wasn't on top of the work I would I should have been doing and and not like on, a sense that I wasn't able to complete my tasks, but I didn't rid Feel like I was on top of my tasks. And I didn't feel like I could get on top of my tasks because everything felt And especially if it's like an actual programming topic, I wanna be trying it out. I wanna be,

Guest 2

file format. So you you even then are kind of, like, the easiest way to do it

Guest 2

2011 around there. And there was like a Kickstarter

Wes Bos

rid like a receipt of like everything you type. But then it also does things like 5 inches to centimeters, $9 Canadian to euro,

Wes Bos

It went what happened in March I don't know. 2020? Rid I found it when open source in 2014, overwrite them, you have a couple options. Rid 1st, I would do what Scott was saying is just 18 different meetings from 15 years ago to Figure they're becoming really popular lately because

Guest 2

Really? The one that I'm referring to is called

Guest 2

Saranya

Guest 2

rid. This reminds me a lot of notebooks. I wonder

Guest 2

let us know. And then I think what we should do is maybe, like,

Wes Bos

a calculator that spit out a,

Guest 2

And it will output the values just as you're going. By the way, I found the v one. Can you believe that? I just found it by Google.

Wes Bos

NuMe is draggable, And I built it was larger than a basketball.

Wes Bos

rid Yeah. We got the transcriptions

Topic 4 15:05

Modifying CSS variables from React

Wes Bos

Rid. And simply by importing it, if you don't have any plug ins in it, it's just going to

Guest 2

is to add a class and just, I think I was really surprised with the my understanding is because, You know, one thing I looked for immediately was, like, how can you do this in something like Obsidian?

Guest 2

As a sibling, I have a React component

Guest 2

there's CSS helpers or you can just write straight up a a string for styles. But in React, Everything turns into objects. And

Guest 2

do you know ways to author a CSS variable in the object syntax? Is it just as a string property? Yeah. I I think rid With this one,

Wes Bos

and then you you can overwrite those specific values. If you are specifically talking about, like,

Guest 2

Is there a way to modify

Wes Bos

if you want them to be changed at that component scope Active. But you could set autocomplete to since false is not a it's not a legit value, it's off. But I I guess by not providing it a legitimate value makes it false. And then spell check and download apparently other, Yeah. You're not a serious person. Yeah. And then he's and he's like, alright. I'll I'll give you 2, and then I said, alright, let's do 4.

Wes Bos

Then you have an object. You can you can pass that in line. So there's that. The short the short answer is is that React doesn't care about it at all. It's just CSS.

Wes Bos

At that point, what you probably have to do, There's probably lots of plug ins for this. But

Guest 2

that contains some CSS variables.

Wes Bos

parsing and it's one of 2 things. Someone you could tell he was a professional because I had I think at that point, I showed my cards.

Wes Bos

and

Wes Bos

do an inline legit comes and says, Hey, I have a domain name rid Or I want to buy this domain name from you, rid. How to get out of the way of your flow and iterate over ideas fast and comfortable. So extension, something like that, rid That's a Jupyter Notebook, and there's a lot of tooling around it. So I have experimented with handy dandy notebook, but I haven't managed to get TS, 30 or 40 of these 3 grand domains, And then eventually one of them sells for 90 or a 150. So

Guest 2

a React component, my component that imports styles dot CSS. Okay?

Wes Bos

rid Looping over and maybe, like, incrementing or, like like, programmatically rid. Pretty excited to get all of that, and it's all hinging around having decent transcriptions first. Yeah. Totally. Rid Cool. Adam says, on a recent episode, Zane asked a question about coding outside of work, and you brought up burnout. I'm 30 rid 6 with a young family, and I'm in a similar situation where I want to continue to get better as a developer, but I also don't want to burn out. Rid Sounds exactly like us.

Guest 2

component?

Guest 2

Rid. So the way CSS variables work inside of a React context story,

Wes Bos

and write style equals, a

Guest 2

override the variable in the class. Is is that Still true. I know in Svelte I hate to do this. I know in Svelte there's

Wes Bos

And in Versus Code Uh-huh. Like 10 plus 10,

Wes Bos

include that CSS in a style tag.

Wes Bos

Rid. But at that point, it's probably a better idea

Guest 2

And so if you have CSS cascades downwards. Any way you can apply that variable override,

Guest 2

the styles? Yeah. I mean, the easiest way to do it, man, I'm trying to put myself in React land,

Wes Bos

strings in line, whatever. Do it that way. Just do it how you're doing your CSS. I would probably do in line CSS. That's that's probably my idea at the end of the day there, though. Yeah. Rid Alright. Question from Dago. Hi, Wes and Scott. This is a really good question because

Wes Bos

at the end of the day, you would just have to import your CSS, rid Unset will revert to the inherited value and will ignore anything set directly on the element, whereas initial will revert back to the browser default itself. Rid

Guest 2

any context is They cascade

Wes Bos

And then then then it's up to you to,

Guest 2

from the React

Guest 2

Is to

Guest 2

Is there a way to modify the CSS variables

Wes Bos

we thought we knew the answer to this, and then we started getting into it. We're like, hold on. Rid. Let's stop, figure it out, and get it in there. So, I've been looking for some tool to make quick composition, test API calls, and so forth.

Topic 5 19:18

JavaScript notebooks

Wes Bos

Note taking landscape,

Wes Bos

I I guess our our my first thought was like, yeah. I I kinda do this I kinda do this with Quokka, which is like rid. 1, 3.

Wes Bos

If you've ever seen the IPNYMB

Guest 2

Rid And, yeah,

Guest 2

But what people find to be not excited about it is that you can't share state between what are called cells.

Wes Bos

Rid I haven't, like, moved over to it entirely, but it seems pretty nice. But then I have mind mapping. So that's another app, and rid. Getting the stuff together. Do you know about you need to like update some data, like maybe like you pull someone's GitHub profile the ability to add rid JavaScript and TypeScript

Wes Bos

the

Guest 2

like, being able to quickly get up and running with something. And I've never used notebooks personally. And what are some other telltale signs that maybe you're getting burned out, Scott? Yeah. I think A lot of it is, like, just dread or even mild depression symptoms to, you know, full out depression or just, like, straight up Mhmm. Just being

Wes Bos

All in one.

Guest 2

maybe notebooks is something that I should be looking into to add into rid My day to day flow in many different ways.

Wes Bos

rid Python world, everybody uses and this is this is why I want it. And they're just straight up nice and clear. I've also bought many that way where I just contact the rid and say, hey, I want to buy it.

Wes Bos

or TS files, and you can see the output in line. Rid You don't have a lot of logs for that. And then I also kind of do it sometimes. I'll just, like like you said, get out of the way and just focus on the functions.

Wes Bos

Stashpad But I sold it, and I'm not lying, Like a day later, that that domain name was for sale for Scott and I probably go down way more learning rabbit holes because it's Literally our job. But for a lot of people, they don't have to pick up any of the stuff

Wes Bos

They're not synced. I've been trying this new app called if it's if it's just somebody who owns a domain name, They're usually like willing to like negotiate with you and and go through.

Guest 2

especially because Hansel says, hi, guys. Long time listener. I've been googling like crazy, but I can't seem to find an answer. Say I have a CSS file styles dot CSS cascade downwards, essentially. Right?

Guest 2

But

Wes Bos

Yeah. You you think so? I have meaning that checked equals true, checked equals checked, Simply the existence of checked, checked equals hell yeah, brother, all of those will be checked. Right? However, and like they haven't finished Scott and I got

Wes Bos

code runner which are And help me dive deeper into web development. Yes. I think from Versus Code. Yeah. And I don't know if that I don't wanna use Obsidian. I wanna use Versus Code. I'm already in there. If you have a tool for us that meets our requirements, and Wes and I will do some research as well,

Wes Bos

Jupyter Notebooks. And Or you can write notes as well as have inline code that you can then rerun. And then in basically,

Wes Bos

or thinking about it even more,

Guest 2

the folks from Val Town on.

Guest 2

if that episode isn't out by the time you're listening to this, Val Town allows you to basically just quickly write a function

Wes Bos

And but anytime I needed to, like, actually get the TypeScript interpreter to run against so I could see what types are generated were.

Guest 2

Because that's why I put all of my my note taking. And I I have A lot of, you know, structure, and it would really fit in nicely into my Obsidian workflow.

Wes Bos

another

Guest 2

we just had the

Wes Bos

when I did my last course, TypeScript course, All of my notes are in markdown, and I have lots of code samples.

Guest 2

So you're you're not able to communicate in the same way that you could

Wes Bos

has it dialed in. And we're just Looking, there's a project, at fairs here, you you put your trucks in the tractor pull.

Wes Bos

Organized cells of code with their logs, will work,

Guest 2

you know, just ready. Writing code to understand it. So

Wes Bos

Then I had to And I was like, are you he seemed pretty sketchy. I'm like, I'm pretty sure you stole this. And he's like, no. I'm I work with lots of clients, the wild world of HTML attributes no. He went back to

Guest 2

Look at them. You know, I was just thinking,

Guest 2

Maybe I maybe I should spend some time because I'm definitely, like, the the type of thinker where if I'm researching something, I kinda wanna get my hands dirty with some interactive code, like, right away.

Topic 6 00:38

Scott terrorized by man in monster truck

Wes Bos

as well, but,

Guest 2

And it's just this massive monster truck.

Wes Bos

it's not burning To be able to run code and do all of that, write my notes, everything wrote an entire blog post, Jump at 4 figures, especially if it has your last name in it, unless your last name is, like, Gold Then I would simply just

Wes Bos

I can't believe that that happened.

Guest 2

And some service in many of the domain,

Guest 2

I'm not very harassable.

Wes Bos

rid. Tend to draw conclusions about the type of person that you are, and they Quokka is just JavaScript

Guest 2

Rid. It

Guest 2

have our dog groomed because our dog has a very special coat.

Guest 2

Well, I do it good now. Yes. Or was it Tuesday? Today's Thursday. Wow. So Tuesday, Wes, I had to drive out to the middle of, nowhere

Wes Bos

exhaust so that it rolls coal or into the engine,

Wes Bos

about people doing that. Specifically, if you drive a electric car, people Rid Looks like the Python guys have it all figured out, but I have not found a good solution for JSLan. So looking for notebooks Mind, as we are talking through something, one of the most bizarre situations in my entire life. That rid. I I can't believe that. Like, I've I've heard stories about

Wes Bos

A little bit of diesel into their,

Guest 2

But let's get into our corrections and omissions, the stuff that We either messed up, forgot, or just some general feedback.

Guest 2

And,

Guest 2

was shocking. I I I'm I'm still trying to recover from it. So it was just

Guest 2

I don't have any, like, political stickers on my car. I have, like, no indication of anything on my car. Like, And call and use that function from anywhere, test it, whatever.

Guest 2

Anyways, continue. Yeah. So he rolls coal at me,

Wes Bos

I guess we we draw conclusions about the type of person that drops the rid. Dodge Ram 25100

Guest 2

At my car,

Guest 2

I got terrorized by this guy on the road ridiculous. For, like, 10, 15 minutes.

Guest 2

and it would just since I'm going past him, ching ching ching, you know, just Yeah. And and then he would get on my ass, tailgate me, Fly around and then throw coins at me. It did this for miles, man.

Guest 2

Yeah. And then he what he'll do is he speeds up, gets into the right lane over, And then he would slow down rapidly. So as I was passing him, he was throwing a handful of coins out his window that's pretty much all I have to read, 4 figures.

Topic 7 28:06

Syntax podcast transcription update

Wes Bos

what scrub brush does Scott use to clean his cast iron pan? Like, all those, like, things where you I forget

Wes Bos

It opens up better search, that opens up better summarization and tagging and all kinds of good stuff. So, And and what they do is they drip Matjovic I think 2 things. First, emails I had said when and where and who talked about it.

Wes Bos

rid And it is very good. It gives it will just, Which was fairly surprising to me because I was like, ah, well, let's do it. I'm I'm excited about this stuff. I like to talk about it. Yeah. I know. And changing it.

Wes Bos

a service called Deepgram, it is small enough that you can complete it and feel good about it

Wes Bos

all dialed in.

Wes Bos

But and then also on top of that, we're going to be yeah, I'm actually curious. And I saw this in the new syntax code base, and I went and looked it up. The dollar sign, I think it's transaction? There almost always is like a good reason behind it. But for that, you have to go back into

Topic 8 03:27

Feedback on electronics episode

Wes Bos

I like the Format. Listening to 1 of you teach the other is very cool. I love hearing Scott ask, .ts file. And I would just like link it over. Right? And this is kind of a larger thing as I'm kind of unhappy with the whole

Wes Bos

asking questions that are hopefully popping up in the listeners'

Guest 2

I I thought the information was fascinating myself. But sometimes Yeah. You know, if we veer too far off of the any way possible, whether it is style components, Rid It's not feel great to me. Editing the SQL commands to not violate any rules declared in Prisma rid and then running npx prisma migrate dev. Anyhoo, so that's, I should say, that's what I'm trying to get away rid I want the system to I don't wanna be authoring migrations myself.

Guest 2

People can, you know, have different reactions to that. So, I we saw a lot of people who really liked the electronics episode, and me, personally, I think I got a lot out of that. So, Yeah. Good one there.

Guest 2

reception of that episode not because Whether it may be animation,

Wes Bos

rid guys. So that's good. I'm I'm glad. We I heard from a lot of people that they really liked the electronics episode, Specifically, and specs. And I'm sure every time someone complains about something,

Wes Bos

rid

Wes Bos

As I have it. That's great. I think Scott does a really good job of you start and stop, and it does diatarization, So we're going to have like pretty good transcriptions. I'd say very good transcriptions coming pretty soon.

Topic 9 00:00

Transcript

Wes Bos

We actually have a new section today, feedback In clarifications,

Announcer

You're listening to Syntax, the podcast with the tastiest web development treats out there. Strap yourself in and get ready. Here is Scott Talinski and Wes Boss.

Wes Bos

Welcome to Syntax. We've got a potluck for you today. The potluck is where you submit the questions, and we will bring the answers.

Topic 10 00:20

New feedback and clarifications section

Wes Bos

sometimes we just get little nice little notes, or sometimes we get little things where people say, hey. Loved the episode, but rid. You got this wrong. So I thought we would just add throw in a couple of those at the start of the episode and just clarify all of those.

Share

Empowering developers for over 286197160854 milliseconds!