Potluck - Headless WordPress, Databases, Regex

But Most of that has moved over to SVG

That is going to give you double the free usage tier. Check it out for your next project. Alright. Next question we have here is from

In terms of what inputs you could possibly have, or you go the other way, which is, But, Right.

which feels a little over to me, but I haven't really wanted to start doing this myself and I have for the most part. So I I think it's important to at least and when I say learn, it it just means, like, get the 101 out of the way. Just getting a little bit of experience with it. So If you just take a weekend and plug away on some stuff for a little bit. Hey. That's enough. Yeah. I'm I'm gonna say the opposite.

and border.

Well, Sanity is awesome because,

working with strings or writing functions or even outputting a file or working with the file system, some of that stuff. So by no means do you have to write another language professionally at any point, but it does actually do a good thing to spend some time in another language Just to give your brain some perspective on how things work, there's a lot of languages too that you might even not have any idea that you would really like writing. You might pick it up and be like, Wait. Hey. I actually really like this. So when you say that you don't have your room for the other languages or frameworks, do do not I would I would not pick up another language's frameworks unless you were really Serious about diving into that thing. But what you're gonna wanna do is that now that you know the the foundations of programming, whether that's loops, functions, arrays, those types of deals, Now you can just apply some of those techniques to another approach to it, another syntax, I applied for it. I hit it off with the interviewer, and I got the job, and it changed my career forever.

and my job would be develop a real thing that matches that design. Some of the jobs are looking for both a designer and a coder in one?

because they wanna

thing.

you go all self hosted and you have you have to do everything yourself.

being able to adapt designs. That's like a very different kind of role even though you're kind of doing the same sort of things, but it is different re experience, and it is different skill sets.

yeah, Figma is just a great product all around. The stuff they put out there Power of the web. I I still wanna get the Figma folks on the podcast to talk about, like, how do you build they use,

app. Yeah. Figma is incredible. It's an incredible work of engineering. It's an incredible work of just about Features and everything like that, and and they've never slowed down for one second. In fact, I don't know if you've used any of those new FigJam features in it, but it's like a digital whiteboard stuff that is awesome.

but you still need to be competent enough to move around, export things, measure things.

rid sketch or Figma file and put it into code.

less and less, rid. The exporting, like, I remember back in the day, you would slice and dice literally every little background image and

or CSS, Rid. And, man, they feel so nice in your hand. It's like I never knew that a tool could feel so nice. And it's like our kids got, like, a toy

and really get to experience that. I heard, Flutter is it's like a whole whole world that I don't I don't think I have an opportunity to,

from a point of view of being able to take a

Thanks, guys. Love the podcast.

for Sanity Studio with React. So if you have a custom that Flutter is a very popular framework for writing apps that run on Ios Safari on companies that do edge databases, And they're like, well, this works in the browser, but not sketch, but you can view things. And then I was just like,

We've been using FigJam a lot for doing all of our communication

you go all in and use a hosted service, and your hands are tied

experience in any one of those Because they're doing both of them. I mean, you can only spend so much time in this world.

is in Rust to TypeScript.

rid. Competent in these tools rid. The round trip to that actual server

That it can be super helpful, especially like like like I've

And and you're not you know, you kinda have to pick and choose what you want. You can definitely have a full rid career as the designer who can make code stuff happen, who can make sites,

So like Wes said, you're gonna wanna experience in these applications. Figma is Probably the one at this point that you'll want to know because Figma

many different companies, as long as they're, like, kind of, like, a modern agency, they're they're pretty much picking up Figma these days. There was, like, a time when it was all sketch, but I think their sketches kind of really died down lately in terms of how often you're seeing it. So too. It's it's almost entirely Figma as From what I see, the I follow sketch on on, on Twitter, and they they keep well, we'll stay away from it for now. Yeah. Yeah. Alright. So we stand corrected there. Thanks, Mark.

but that is a whole kind of different career than the developer

a design to web kind of deal.

Rid. But Sanity is kinda cool because, like, the the API of Sanity is self hosted. Sanity Studio is all done for you, but rid. It is just code at the end of the day, and you can make your own custom inputs variables.

Rid. So I don't necessarily think that means to be a designer.

You definitely need to be Such As at media rules where var function would not be valid.

You don't need to learn to know know another language. You probably at some point will be curious and be like, like, what's what's this? Oh, can I learn a thing or 2 and and to dip into it? But if you're so overwhelmed and you're still trying to, like like, learn a lot of JavaScript,

because sometimes you need to export

Cross platform ness of, when you're on a mobile app. On a On a website, you have cookies, and the cookies will tell if you're signed in or not. But if you're not in a mobile app Mark sends lots of good questions in, so thank you, Mark. Dart Popular. In episode 4 90, you guys questioned whether anyone is still using Dart.

Alright. Next question is from John the web dev. John says, this is not ready. Question, but the only way I know how to get in contact with the show. A few weeks ago, I was catching up on syntax and listened to the January 12, 2022 potluck where you talked about developers rid looking things up. This skill is knowing what to look for.

done a couple of languages. And any time I dip into anything, I'm like, rid. That's interesting how that works in there, and it definitely does broaden your horizons. But if you're overwhelmed, you feel like you got too much on your plate right now.

is the most full featured. A lot of times I'm working with designers, Rid Head on over to syntax.fm

Ioforward/syntax.

I forget who said this, but somebody said Learning new programming language every single year, results

So if if you're finding a lot of jobs that are designer and developer jobs, only really go go for that hard if that's something that you're truly interested in because you know, big community support. A lot of people using it. You know, again, Redux is always going to I I show up at this thing. It's all magnet based, and I press go, and it tells me what my workout for today. It has a chart of Which of my muscles are fatigued, and which of them are recovering, and which of them are well rested?

I actually really like learning other languages, Your database at DigitalOcean,

I believe it was a toppings picker in my Gatsby course via Sanity Studio. Pretty sweet. So check it out at sanity.

But being able to build something beautiful and that has a good UI is a whole second skill set. And I wouldn't sweat that too much if it's not something you're interested in. Yeah. I yeah. You you don't need to become a full time designer unless that's something that you're seeking to be because there's enough rid. Dev jobs out there that are are, like, just dev only and being able to pixel perfect push

Yeah. They I mean, my my GraphQL API's introspection Better. I it's always better to cut back, I think, than have to start fresh.

And what you do is Rid. We should do a fitness episode in a couple months here. We can I can go through all the stuff I've been doing because I've been I've been working pretty hard? Something that came out 6 months ago, and everybody's talking about it. Yeah. You know what? I I yeah. I I think, like, something like Next. Js is gonna be good for you just because,

can be done via the API. I figured too much, but I've never done it. Rid. Yeah. And the yeah. I mean, if you like if you like and have worked with GraphQL, there's really great WP GraphQL integration as well. Rid. You don't have to do GraphQL by any means because WordPress comes standard with a REST API. So,

So Copilot is sort of, spec? The reason being, okay. Seamless integration with Firebase.

and it's very hard to actually write it. And, also, that's kind of the cool thing about it. Like, generally, you either have to go one way, which is

where it will, like, list out. That's So good. What's really great is when people always hit your introspection the the reason why we need prevent default is because we want Be able to intercept maybe have less

like docs. Yeah. I love that. Yeah. That graph you all does that. It's called, like, introspection

pages of premade rid. Regex is on this site. So, I am not a fan of regex, and I'm not going to teach it because I just straight up don't like it. This I think this is the tip of the day is to use rid. The copilot for writing regexes.

what is the WordPress WordPress Next question here is from anonymous.

render renders API.

turned off. So I I see anytime that somebody tries to hit the introspection

you probably like, I don't know.

Regex is very confusing because it is it's literally

GitHub Copilot.

sleepy.

and then If you visit that URL, it will list out all the API endpoints. And then from there, you can you get all your content types that you can

Versus Code,

which I don't think that's his real name, but we'll say it anyways. Joe Mama.

Easy enough or what? Oh, yeah. Absolutely. Every everything in WordPress Describing patterns

Alright. This next question is from Joe Mama, is there a major benefit because you'll get access Rid. Yeah. I thought Firebase too. It's funny that you you you also thought Firebase. So Firestore is something different, which,

and that will require you to send a token along every single time you make a request There is no like, media queries are based on the rid. Viewport.

Yeah. So that's really how you do it here. And and I love that aspect of you hit that API, and it gives you access to, like, what exactly that almost like the documentation

GraphQL Playground, it will populate All of the methods, and that was very useful to me to see how people build different APIs because you see every single mutation, every single query. I couldn't do anything that I wasn't allowed to do because it's all server side authenticated, but I thought it was kinda cool that they left it open. And I just spent, like, I don't know, 20 minutes perusing through it and running queries on it, see what I could access when I'm logged in and see what I couldn't. Kinda cool. Yeah. That's awesome. So long story short, yes, you can do it. And, GraphQL has a REST API baked in that you can access. GraphQL has a REST API built in. WordPress has a REST a WordPress has a don't yeah. Sorry about that. WordPress has a a REST API baked in that you access. You could check rid. WP GraphQL as well as a plug in for WordPress that will give you the hot new things that are out there because The the values,

in most cases,

machine learning based Is it vital that I should learn another programming language? Rid. JavaScript and type Yes. You should learn Dart.

This show is great. Thanks for providing it. I have a client with a WordPress site that would like to create a mobile app where users can sign up for a subscription service. Is it possible to use WordPress

If you pop the render GraphQL API into when And that's a kid from Caitlin was going through my tool bag and being like, I can't find anything that can get this thing out. And I just like, hold on, let me get the night packs out. And it came right out. And I was like, oh, like, rid. And these are, like, lifetime tools that that you buy. It's, like, $60 for one set of, We, rid. And you're not even into like summer, like full summer yet. It's probably going to get even bigger. Like our new place is we rid of it in the dead of winter or like not dead of winter, but there was no leaves on any trees.

to just basically an entire logging of anything that's going on on your site at any given point Where you can mark these things as complete, you can mark them as fixed. You could say, oh, I'm not gonna fix this. I'm just gonna ignore this. I'm gonna sweep this under the rug. Rid. Maybe perhaps because it's a browser extension error. Who knows what. Right? But Sentry gives you all of that and more. You also get performance metric Tracking tools as well so you can make sure that your application is at tip top speed and that your user misery has an all time low. So head on over to century.i0.

And an API is how you connect to your WordPress site and work with it. There's also a lot of different tools for working with the WordPress API. No. I've never done authentication Who also has experience, And you'll get access to the latest and greatest web development tech along with a lot of, Then you're you're breaking even. So it's it seems it's a huge upfront cost, but There's no there's a way to justify it. It is expensive. It's very expensive, though. There's no way to get around that. No kidding.

via the API. West, do you know if that's super famous anime.

If possible, I would like to allow users to subscribe on the website, then the app allow them to log in on the same account. If they are A subscribing user, they have access to the service. Otherwise, or would you be able to set up users and subscription? One of the amazing CMS sponsors of Syntax. Thanks for the help. So you should be able to do this, Joe, because WordPress has an API.

treat, all lowercase, all one word, and you'll get 2 months for free.

with these characters, and make sure you use a coupon code syntax 5. That's gonna get you listen up.

with the benefits that, browser fundamentals,

I'm not sure who does this, but graph WP GraphQL has docs for JWT tokens, And and that's kind of the idea that you want there is that when you once you sign in, you don't have cookies

they can get the subscribe page. Is it possible to have an app or separate website to access rid the WordPress data in this way, you're looking for are really only Going to really come into effect if you're hosting everything on the literal same box, your same virtual private server, the same A service that you're running. And if you're doing, like, the DigitalOcean app platform or anything like that, that's not going to be necessarily the same anyway. So,

of my GraphQL API in, like, our century. Yeah. I I rid. I generally would say you should probably turn that off. It's not gonna

Let me give a a neat little tip about regex as well. I have had really good luck with regex writing itself So, Wes,

and I have to, like, close my eyes to, like, not read it. So I'm like, no. I know what I'm trying to write here. Don't Guess what? Please. Yeah. You don't try to guess.

Yeah. Right. It just brings it right in for me. It's unreal. And And it makes you better writing comments because if you write your comments first, it can, a lot of times, write the code for you. So shout out to writing comments. Sometimes it It will auto complete the comment too quickly, It's only us who are stepping in front of this thing and being like, let me put some of this dirty JavaScript in here and and take Take control over this thing. That's that's when prevent default comes into play.

My health and fitness is Whatever you do choose, think about that long term We had 1 more question in here. I don't know what happened to it, but I wanted to cover it because I thought it was really interesting. So do you mind if I squeeze 1 more in here? The question was, what is the rationale for not supporting CSS custom properties, that's CSS variables,

rid. It's it's very, very tricky to write regexes. And I would say Jason

Now I will say the caveat to this is that if you cannot read regex, this is basically useless. Because if you get a whole big pattern that says the validate email address and you don't know what it's saying, then you don't know if it works, I mean, flat out. So That that's where tools like regex one zero one come in. It's a tool that I often use. You can validate your regex strings there. You can, rid. Also learn regex from a tool like this. Oh, man. So regex 101 is probably my favorite one of these because there's, In addition to, like, being able to just test out your regexes, which is how I I write them. I always, like, write them in this thing first. You've also there's, like, a quiz game on here. So if you do regex Quiz from the sidebar. You sign up. It gives you, like, a Regex quiz and will kind of step you through some things so that you can,

I haven't I haven't read a wrote a super complex regex in super long.

API URL. So what you end up doing is you end up hitting the WordPress site and you hit it via the API URL of which I don't have memorized. Let me the rest endpoints. List of all the wpjsonforward/wpforward/v2forward/,

I I don't think anybody likes.

Rid. I'm gonna gain some experience, and you could change change everything forever. Yeah. Next question from Annarella.

who will listen to the podcast. Thanks again. That's awesome, John. We need to know what happened in that interview, of you, even good or bad, whatever. I wanna know. You know what, John? My very first web dev job that I landed, I'm going to shamelessly plug level up tutorials.com.

I didn't want to apply for it Straight up. I I did not think I was good enough. I did not think I was ready. I was not there, and my wife gave me some confidence, and she said, just apply for it. What are you doing? You want to do this, just apply for it.

and see how it goes. That's what the interview is for, is for sussing out if you'd be a good fit for it or not. So, John, the web dev, Let us know how it went. We'd love to hear it. Send us email or send another potluck question in. Yep. Literally, the only thing bad that can happen from that is They want to be able to cover it all. So I would say get competent with it

So just go for it. And, John, I'm so psyched to hear that you went for it. So good job, man. True. Man, like, congrats on it. This is not a question, but I put it in there. Like, sticking your neck out there, rid. That first one, that's very scary, but, honestly, just do it. Like, if you were sitting listening to this, being like, oh, I'd love to do it maybe next year. Do it now. Just apply for it

and it is a large scale application that will be built with React. I have not done a ton with React yet.

I have an interview next week. I don't know if I'll get it, but I know I wouldn't have even had the interview if it were not for you guys. Keep it up. Been listening a long time until everyone

The show gave me confidence I needed to finally apply for a web dev job and leaving my IT rid.

Your ego can get damaged just a little bit if you don't get the job. And if you just say, hey. I'm cool with not getting this job. I'm just gonna go ahead and do my best. I'm gonna try.

Properly as I'm far from an expert on databases,

where's the button?

I couldn't answer

didn't answer why exactly my approach was bad. Can you guys tell me what the downsides and benefits are to both situations?

because you literally can't. It's a it's a hostess. You can't host your own Firestore. You have to sign up and use there. That's that's the whole benefit of it. So,

and sites at the edge and all these things, I don't know if this is necessarily gonna be something that you'll need to think about too much. That's the thing as well with these edge functions that you just said it is,

it's not gonna be on the same server.

is very, very fast. Although, sometimes that doesn't really necessarily matter because a lot of these, like, ISPs And I was like, and back

some major operation here. Rid. Yeah. Do you think this really matters?

generally, these hosts will have dedicated Even the root is, I guess, the root of the document. Right?

I wait. Firestore or you what is Firestore versus Firebase? Or if that's part of WP GraphQL, but definitely doable. So if you're writing some of this code to have your own custom API from your WordPress site that integrates with the mobile app, You're probably gonna wanna have some error and exception tracking on that, baby. So you wanna check out Sentry at century.i0

Try Firestore for free. Now I'm not convinced that you can't host this somewhere else,

rid is the NoSQL database that is part of a Firebase app. So if Firestore gives you real time updates,

even now that we have, like, edge data coming and stuff like that, edge data

is it Firestore? The database is always the slowest part of the edge function.

this is what's the difference between Firestore and Firebase? The differences are Firebase is more comprehensive. Firestore incorporates multiple services like database

you're a joker, versus

So That's the first thing people say. Wow. That thing is expensive. It's like, what? Like, $3.3.

fast because

to get data from your database because they're literally in the same they're on the same rid. Actual server or they're on the maybe they're in the same rack, And now people are starting to I've got a couple emails and DMs from people that are rid. Working Yeah. You can do that in Sass. No problem.

the Rid. No. Absolutely

not. No.

rid. One for databases and one for actually hosting.

using Firestore

as my app could have them directly communicate with the database?

location in the same premise, but it's not gonna be on, like, the same box or anything.

and their explanation Design is a whole thing, and and most of the time, the people who are designers and developers

But so we Wes, you might be the donkey of the day here for for giving that There's lots of robot fighting too in in classic anime fashion. Big old robots fighting. Next question from Mark Volkmann.

database. I got asked Why I also don't host the database at DigitalOcean

Node or PHP or Python to run your app as well as MySQL or or MongoDB. You rid run them on the exact same server.

meaning that,

servers,

rid have major fiber backhaul between them, promoting the people that are using it. But you can't beat the

if you were to get a box at DigitalOcean and you were to literally host your own database, rid. You could install

even if you host

speed at which Something goes from 1 ISP to another ISP rid. Safe area inset top, safe area inset right, viewport segment width, they give you a full blown CMS that's called Sanity Studio. They give you a full blown GraphQL or REST API,

a good and do it natively. If you're gonna have to, like, learn Swift or something anyways, might as well learn Dart,

It's a little confusing because, like dash dash medium

notifications, analytics, blah blah blah. Firestore is a NoSQL database. So Firestore

You can't host Firestore yourself. Rid. So you tell that guy the position and dimensions of a logically separate

Oh, that's Yep. To do a lot of the processing. So, like, it's not done in JavaScript, But the, like, UI is built in stuck in one of their other toys. Like, you know, kids put stuff and stuff.

So Firestore is a NoSQL document database

is generally extremely title bar. Rid. Because instead of saying, like, 100 rid. Store picker or Or you just need a nice set of pliers that you will never battery powered pole saw, And, like, I probably especially if you're a beginner, I probably would not try to run your own rid. MySQL or whatever instance on it. So there's that. I think the the benefit to it is that your rid. App does not have to go out onto the wild Internet

And then also, like, if you're using Firestore,

the querying of the data will also live in the same spot that the edge function is running, so it will be as fast as possible. But that this is way, way past where you're at. Yeah. You should just tell this guy it's not a big deal. It's fine. Yep. Like, do you is it really that slow? Probably not. Yeah. Right. What what are you saving here? Alright. Next question is from Brad. Why do I hate regex so much? I'm pretty experienced at, but somehow, I'm still very bad at it. Will either of you ever do a regex course? I think, 8 inch ones.

service.

that's a hosted is applied to an element. Right? viewport segment height. Rid. So it says the viewport segments are environmental variables that define

and that's that's really beneficial because, rid. In my my opinion, even though like, what, 6 years ago I wrote the tutorial on how to use those.

React itself. So honestly, pick a framework like that. Pick something that has a structure, and don't Pick some tiny little one that no one's ever heard of. Pick 1 that people are using, Deploy to both platforms. Yeah. And and people seem to like Flutter. That's the whole thing. So Yeah. Yeah. I I would imagine if you're pretty heavy into the mobile space, the mobile app space. But me personally, just being a web guy, yeah,

if you really double down on your fundamentals, if you just get to know JavaScript

change the HTML

Unfortunately, I could not remember exactly, and I was a bit afraid to directly pull up The page during the video call, I was kind of surprised that an article from 6 years ago was so relevant today. Keep on keeping on. Joe, this is so Awesome. Because let me tell you, there are so many times that I Google something and a West

distracted by

You're going to be in good shape when Facebook or Google or Amazon or whatever major tech company is asking about rid. Template strings, rid is is that you probably will make some wrong decisions that will need to be refactored out as you grow. You really especially if it's a start up, you really don't know. But my advice would be don't necessarily get, I just wrote a little comment. It says regex invoices that start with Wes and end with boss, rid. And it wrote me the regex, and then I said another one. Regex, invoices that are between 8 12 characters long, and it did perfect regex for it. And, like, to me, that is so much faster than having to go find an example.

you know, there a lot of those patterns are fairly established with the Next. Js. You have specific folder ways to do things. You're not having to make those choices.

be scaling up large,

longer term. So think about that as well. Not necessarily thinking about Redwood, but just

idea.

Then,

way to show that,

and that has has some community behind it. And I honestly I think that's it.

like, I love Next. Js, but he says he says he didn't like Next. Js because,

You should go and see if you can snap up your own .tech domain name because, sorry. If you're not on a browser, You're on, like, a mobile app, then you have to authenticate some other way, there's a great value in having a .tech domain name.

Yeah. Totally. I think that is dead on. Alright. Last question here is from Tim Smith. He says, if 80%

rid. Rock solid.

rid. Things move fast in JavaScript, but they don't move that fast. Yeah. Totally. Like template strings, I still consider to be a new thing rid. The the old joke goes is I had a problem and I solved it with regex, and now I have 2 problems on the page load and if they had to recalculate them. I don't know. But There is a proposal now,

State management is kind of a whole thing, and, Yeah. Okay. It's it's a true write once,

Something that is like immediately

So we need to prevent

What advice would you give in terms of setting up core important things around network, State management, folder structure, and any other helpful advice

the default functionality, brightly lit up by I don't even know what maybe it's some kind of computer monitor or something. But he he's just kind of he's the head of this whole thing, and he's kind of a shady figure.

The idea of that is that if you pick something that is maybe not as hot, But it's a little bit more stable.

sort of

And there's another one, west.tech. I haven't figured out what I'm going to do with that yet, but I'm going to put something really sweet on it.

in a in a afternoon or a couple days.

rid. It put all the back end and front end into 1 file, so some of that magic

so that way we can intercept it with JavaScript. And then we can do our own things, accept the results back, make modifications to the DOM as needed as is, and the post request will still,

you will

1,200 Sync data structure, expressive. It's still I don't think you can host Firestore yourself, though. I don't know. Either way, They're the you what you're

in media queries So yeah. You always say these jokes,

that I thought you might find interesting.

you know, I mean, there's Redux is out there for, from Google.

So it is kind of like a good And that was pretty popular in WordPress land, I don't know, 10, 15 years ago where you would have them running on rid. Same server is not so much popular anymore because they have dead I don't know that, like,

like, Redwood is a little bit more set up, but we'll give you a

which is to send a request, and what it ends up doing is refreshing the page. Right?

I just had a major I had just had an interview with a major tech company, and your article rid. On using string templates was really helpful.

Why don't we simply My name is Scott.

Sick. Well, that's that's neat. Cool. Well, this way to last 2 questions here. 1st was from Joe Sabadeau.

when using min and max width. I really want it. I'm guessing browser devs are way smarter than me, so there must be a reason. So The question is like, why can't I set a variable

So thank you, .tech, for sponsoring.

especially on things like browser

off a 5 year registration, Wasm Rid. I think you could just double down on JavaScript. It's it's the language right now.

not maintainable over time. That's sort of his opinion on it. And he says, To get into it. We are sponsored by 3 awesome companies, Sentry, error exception performance tracking, Sanity, rid. Structured content, CMS, and .tech domain names. They give you .tech domain names. Talk about all of them partway through the episode. How How you doing today, Scott? Oh, I'm doing good.

Fundamentals to shave off a tiny, tiny fraction of a second or something, tiny fraction of a millisecond, then this seems like something that could Speed you up. But nowadays, you know, with, honestly, I had never I've never never heard of Firestore, but,

is a little bit, Eighty% which is unreal.

or JavaScript or language fundamentals because these things are not going anywhere. And what's relevant 5 years ago and some of these things rid. Should most likely be relevant tomorrow. So,

then per the default Functionality is the expected and wanted functionality.

post comes up or who knows? There's there's a few Blogs that will always come up really highly, and it just goes to show you the power of putting out content, You're not gonna go wrong there. Yeah. Yeah. It'll only do it if if You're seeking extra perspective on life.

Let's talk about .tech domain names. They are the rid. Awesome domain name for your next project. Why? Because it shows people you are in tech. I personally have 2 myself, uses.tech, JavaScript, but, like, some of the UI is,

pixels rid. And then use that variable inside of a media query, say, at min width at varmedium.

Yeah. I didn't put this in there to toot my own horn, but I put it in there to say that syntax is tech,

that default functionality from happening of the time we need to use prevent default on form submissions,

even though it is used of Figma. Let me tell you, man. People told Sketch. They told them over and over again. You can't rid Just be Only Mac. You can't just be Only Mac, and they said, we don't care. And now they're, they lost that market share. Look at how giant of The company Figma is Figma Yeah. Basically was like, oh oh, you don't wanna do that? Okay. Well, we'll we'll do it. And then,

of JavaScript. Right? We now have control of it in JavaScript world rather than in HTML world. The reason why you can't change it at this point is because, just about every website in the world would break. Just about most of them would break. So, that's why we can't change it. And prevent default only is because we're working in JavaScript. If you're not working in JavaScript, helper for this type of thing. And If you write out your comments telling what you want the regex to do, like, I would like this to validate email address. I've had it write an entire regex string for me.

shout out to Wes for thinking ahead 5 years ago, 6 years ago and putting that out there. I'm sure I hit that same blog post at some rid in my career.

Rid. They are the extension that's taking the tech industry by storm. You wanna check out if they have your own. Go to go should get something going first here before Maybe I should actually be healthy. Yeah.

This is a good one. I would say, like, if you are building something that will apparently, Why do some of these jobs want both? Because they need somebody that can do both or they want somebody that can do both,

So

element, which is my uses website,

like, where would you put the variable? for Christmas, my brother-in-law gave me a set of the needle nose,

Alright. Well, I'm gonna sick pick a podcast that I really like. It's on an, like, old time film podcast. It's called You Must Remember This. And it it's your introspection. Publicly?

Rid. Sign up today. Save 25%.

ever have to replace, check out the Nipex pliers. They've got all kinds of different sizes. Sweet.

safe area in set top. And you can, yeah, have defaults or yeah. Cool. I wonder if This will also solve the problem of the obnoxious

foldable phones, you know, I think some people don't necessarily they they see them as they are today and kind of maybe jeer at them or laugh at them in some sort of way. But I think before you know it, the tech's gonna be so mature that that's gonna be really something that we're all gonna have to deal with to some degree. And I think we're a lot of us are gonna be using foldable devices both teams, the design team and our team are working in collaboration. It's just so cool. Also. Yeah. Spend some time getting good at Figma. Sketch rolled out something like that, but it was like a separate

Or Knipex,

CSS fundamentals,

media queries are calculated

what are the the situations that happened that led this thing to happen? In fact, they even did serve you well, so to say, but you you might not even need something that heavy handed. You might be able to just Get away with context and who knows what. Man, React is a whole world because you're opening yourself up to essentially a 1000 choices For everything, all every step of the way. So if you can reduce some of those choices by picking a framework that has some of that stuff taking care of you Mhmm. And then, you know, then rid. Then you're not gonna have to worry about it. And I think also, like, go back to listen to the episode with Tom Preston Warner, where he says

websites.

off. Rid Alright. That's it. Well, we will see you in the next one on Friday for our next supper club, y'all. Peace. Peace.

And is there a viewport selector in CSS? Americans say knipex, pick something that is a little bit more stable and well used versus all the fields and everything. I think it was the what's the hosting provider that I use? What's the hosting provider we use? Got I'm blanking don't know how to say CSS custom properties

I think the teacher JS and TypeScript are my main driver for the day, job, and personal rid projects. I've been hearing others talk about learning benefits from this. My problem is is there's already so much to keep up within the JS world and adding another language and its frameworks is yet another thing already on my already filled plate. It's overwhelming.

and all sorts of things related to web. Check it out. Leveluptutorials.com.

There's a whole section on on use the WordPress users database as the same database that the app uses? That's that's great. Even just to give you your starter regex. Rid. Nice. Tip of the day. Yeah. It's it's really great. And and it's always happened to me when I'm, like, least expecting it. I haven't, like, set out to do it that way. I'll, like, write the comments rid. Because that's typically how I write my functions. And then, like, the 1st time it happened to me, I was just like, oh, you mean I don't have to now go look up this regex? It's just here for me? Okay. That's great. That's That's one thing with Copilot I find up is, like, I do less googling.

code

but they do different series. Like, there's a whole,

And, shame shameless plugs.

between separate displays.

a card for it. We'll have a show in the next couple weeks on The new Viewport units. Beauty. Cool. Alright. Well, I think that's it. Let's get into the part of the show where we talk about shameless plugs and sick picks. 1st up is sick picks, things that we think Are pretty sick. Things that we like, things that we enjoy, things that we're having a good time with right now. West, do you have a sick pick for me today? I am going to sick pick, rid. Some pliers that I got for Christmas, and I have been using them a whole bunch recently.

Dean Martin and, a lot of, like, different, like, tales From essentially early Hollywood, but also, like, the growth of Hollywood. So it's not just, like, all early Hollywood stuff, and it's less about films and more about, like, The consequence and cultural things surrounding the film, so where you're not getting into It could be on the same, like,

possibly out there. And I've had tons of different pliers and whatnot, but,

Okay. I think this needs an entire hasty. Yes. I think it does. I love the Simpsons. We gotta get more CSS hasties. In fact, we got 1 on the list today. So, I'm I'm psyched to talk CSS. I've been doing so many cool CSS things lately that, I'm here for this. I just made a,

looking for a present for someone who appreciates rid. Gonna put a gym in the basement.

v h, 100 viewport height,

What was really interesting, they did some mini shows, one of which was on Charles Manson and how that related that whole Charles Manson thing happened. The whole Charles Manson thing. Yeah. That's That's how people talk about it. But also one about,

Rid. It says right here, because environmental variables don't depend on the value of anything drawn from a particular Rich. So, like, when the pandemic hit, I'd all the gyms closed for for a long time, they are connected both with very fat pipes. So there's that.

the ruby red slippers were stolen from a museum, and it was, like, a whole whole thing surrounding there. Either way, this podcast is super good And a ton of episodes here if you're interested in that kind of thing. I found this to be one of the better has now become in control

Re we have a new tutorial course out every single month. And this month, in the next couple of months, we're gonna be doing a little bit more than that. You may see more than you're used to our level up tutorials as we get ready for our big sale as well as our new redesign. But we're also gonna be introducing a ton of new content. So sign up today, Really get a better handle on what you're doing for regex. There's also a library like you mentioned on your resource. There's like a library where you can go ahead and select your library. You can filter by a JavaScript and then you can just start searching for different types of regexes that are premade there's a 149

before you know it, and it's just gonna be normal. The reason why they're not everywhere right now is just that they're still progressing. Right? They're they're they're not there. They're fine. They're they're neat, but they're not

Yeah. Let me see. Yeah. I know. I I thought it was kind of stupid that there's new viewport units specifically that work the way I think the original one should have worked. Let me let me double check and find this here. Oh, l v s v and d v? Yeah. Large, small and dynamic viewport units.

your pixel values in a variable.

via the environment, and the environment is the browser. Right? So you could set that and the

screen I am a new front end developer for a start up. Rid. The role involves that I create a setup that will work for long term, exactly.

What what did what did you uncover here? Yeah. So,

changing,

rid. There's also some stuff around, like media And it weighed for, like, $150.

Now there there is some syntax, by the way, in the Mozilla docs. I have no idea. Oh, really? Yeah. That's it's it's not super interesting or exciting, but there is some syntax in the Mozilla docs that I've linked up too. So give those both a a check. It's like Like I said, it's not super interesting just yet, but,

And don't forget to subscribe in your podcast player Just that that small caveat, it's not something that I necessarily think about too much, especially at, like, a smaller scale. If you're getting into, like, crazy enterprise stuff or You need, is The perfect way to log and check all of your errors and exceptions in your application in a way that you know that they will be solvable and fixable And, like, also in the door, you're spending maybe, like,

I'm I'm I bet that there's also some

I which you can query and create all your data through. It is awesome.

tutorials teaching

of pliers. But Keep those questions coming, by the way. Go to syntax.f m. Rid. In the top right hand corner, there's a button. If you click it, and I just grab the URL and pop it into GraphQL Playground. Totally. And it will automatically populate all the platform for building a better digital experience. What does that mean? Anytime I have to write one of those, I would just paste in examples. Kind of like a test case where you're like, I want it to match all of these things, but I don't want it to match all of these things. Rid. And then you start writing the regex and see it highlighted in real time. And I find that it makes me a lot better at writing regex instead of just trying to Guess it in my terminal editor. I wanna I wanna say also so I'm also not going to do a regex course because I just don't like it. I I had a regex, like, one zero one book that always just made me fall like, made me fall asleep almost instantly. I I sat down so many times to read a book On regex and got through, like, the 1st chapter and would be like, oh, man. I'm getting because, rid. A full blown one, and they I think they also

beginner JavaScript. If you wanna learn everything there is to know about JavaScript and get really, really good at it, use coupon code syntax for $10 like, 3 d Canvas Bay. I don't even know. Yeah. I don't. Close my mind how they can build such a beautiful, not feel that pain so much when things rid churn in the future. So that's my advice. There is, logos or little icons

film based podcasts, especially one telling Stories that you may not have heard. Beautiful.

That's that issue might already be solved,

something to keep an eye on or at least to have your brain on that it might exist at some point here. Oh, Oh, so it's gonna be like a instead of var, it's gonna be e n v. Mhmm. And so they they will give you Welcome to Syntax, a podcast with the tastiest web development treats rid. Out there, I've got some really good questions for you today because it's a potluck. Potluck is where we answer your questions.

They can be used in place where there is no obvious element to draw on. It's kind of interesting because everything in CSS I'm pretty stoked for that. I'm starting to go jogging now. And, yeah, I'm thinking about maybe, I'm not sure if I should just go back to the gym for a couple of months before we that going.

Or drop a review if you like this show.

for environmental

There is this German brown called knipex.

essentially the production of these films in a way that is Who who who did what and who said what, but more or less, like,

Rid.

now that I have it, I am super stoked about it. I also found a pair of Nipex,

rid. Region in the viewport. Viewport segments are created when the viewport is split it's not gonna stop anybody from from doing anything. But I've I've actually been to a couple of public GraphQL APIs because this stuff does not change all that quickly. The frameworks change very quickly, But that is okay because as long as you have good fundamentals there, you'll be able to pick up those frameworks Yeah, it if it's like a super Common one where, like, oh, you have to redox a credit card number or a phone number or there's almost always somebody out there that is rid. Super smart and has written these things already for you. And then you can also just like, I use reg expert or reg exer. Rid. Yeah. Reg xer, not reg x. I think expert is 1 as well, and they have a whole bunch of preset patterns.

anything other than a tech curiosity just yet. But just Like augmented reality and Google Glass was however long ago. These things are gonna fly up on us, and we're all going to be there. Yep.

like, a Hollywood blacklist series talking about the whole thing of with the, the blacklist that happened during the red scare.

by 1 or more hardware features such as a fold or a hinge

So, like, you think maybe put it on the root. Like, you you know, you have You have to go on the route. Yeah. Yeah. So, Check it out if you wanna learn a thing or two about JavaScript, HTML, CSS, web development, server side, client side, you name it. Specifically, You can create custom inputs in the Sanity Studio with React. Rid. So,

It's extremely well researched,

There's not.

k n I p e x. And they make, like, some of the best tools but that will give you something that's a lot more maintainable for the long run, There's sometimes a little bit more setup, literally anything. Like, we we built a, crud against.

for a full archive of all of our shows.

Right? Like, that would be super handy to be able to Stick

rid. There is no actual Rid. And the reason behind that is because,

we'll talk about Arvanas.

with the new viewport units that that you know it's going to work. There's, like, a lot of things that you don't have to worry about if you pick Next. Js Or or Remix, to be honest. Although Remix is a little bit different in terms of the fact that it's maybe less of a quote, unquote React side and a little bit more of just a straight web rid. App website kind of deal

and he's just a bad dude. He's he's always got these glasses that are, like, And I can do it while I'm answering email. I can do it while coding. I can do it while doing anything except for audio recording. And it is way less distracting than you could ever imagine.

you know, extremely rid. You sold all your stuff. And, like, I'm just looking at a budget of building a home gym, and this is cheaper. It looks so cool, and it's not available in Canada, but they have A total office in Toronto. Oh. So, like, it's they gotta bring it here any day now. Bring it here. You know what? Like, as As as expensive as it is, like, that is the biggest downside. It's just how straight up expensive it is. But Courtney and I use it 4, 5 times a week. I mean, we're on it 4 or 5 times a week for about an hour, so it's getting mega use in our house. And Yeah. Also, Hey, Wes. Just a quick note

This is from the anime, for the new website redesign. And it's so cool to be able to Drop an emojis and brainstorm and cluster things together and work well, all the everybody from And it really helped me actually understand generics rid better for some reason. I don't know why they just clicked better with rest for me even though it's, like, basically the same. So I I

Neon Genesis Evangelion, which is like

Monitors be flashing in my glasses making me look like Gendo Ikari. This person I'm gonna give Wes a an opportunity to guess who Gendo rid because I'm gonna say he doesn't know who he is.

Does Wes know who Gendo Ikari is? A couple of episodes ago, I said that my

He's got a son who he mistreats. It's it's the whole thing.

well, so who's who's Gendo Ikari? Looks like, some sort of supervillain.

Yeah. He I mean, he's just a he's just a bad dude. What's with Sailor Moon? Sailor Moon? Where do you see Sailor Moon? No. I'm just joking.

This is very, like, very groundbreaking when it came out in Japan and is is, like,

Okay. And if he does, I'm gonna say he's Googled it. I did not know who it was, And I Googled it, and it looks like a pokey master. Yeah. It does kinda look like a pokey master. Yeah.

popular in that in that community in terms of, like, reach, I love a good project, and when you can chip away at it, you feel like you accomplished something. Oh, totally right. Yeah. I know. My my dad has spent, like, the past, like, 2 days just trimming trees. So he's just been, like, in the trees just trimming them all. I think we we got, like you know, when you're, like I don't Know if you your dog sheds or anything, but when you brush out a dog, there's like an entire dog's worth of hair when you brush out the dog. It's, like, kind of what he's done so far. There's, like, an entire tree's worth of branches and stuff sitting on our yard right now. So, to this At his scale that that he seems to be doing, because it doesn't mention anything about, like, So Here. Well, let's look that up so we can say something down about Dart again. Flutter have a Flutter just have a JavaScript API, or does it have to be Dart? I think Flutter has to be Dart. I think Flutter is Dart. No. It can compile to JavaScript. There are compilers for JavaScript. Can. Okay. Yeah. But But the,

You know, muscle wise goes, but my my cardio is in the gutter. My cardio, it stinks.

Rid. I like, it's about Let's talk about one of our sponsors, which is Sanity at Sanity dot I owe. They are the structured content And I thought that's what you everybody's still. Everybody Rid. I'm trying to get my 1st job in web development. Do I need to be familiar with design software tools like Figma, Sketch, or InVision? I always assume that, rid. In my 1st job, I would be given a mock up of what the front end should look like by a design professional, Rid Thank you so much for Century for sponsoring. Next question from Robbie r. And this is funny. Somebody else sent me a DM rid. On Twitter, it asked a very similar question is, how is your health and fitness going? Because we did a couple health and fitness shows, and they said, hey. You haven't done 1 in a while. What's rid Going on.

let's just face it, a bunch of sweaty dudes in the small room sweating and breathing each other's air for A couple hours was not great for not getting COVID,

know, distract yourself from the craziness of everything at any given point and work out some of that that stress that we all have with everything right now. So, you know, rid. You know, for us, it was really important that we had that, and it made a big difference in our lives. But it's also just been like, a pro tip is having something like that that you don't have to travel to or do anything about it. You just pick it up and go. You can do a half an hour. You can do 45 minutes, and we always make sure that we give our partners like, my you know, Courtney gets Whatever time she needs to work out, and and she'll give me the same.

like, yeah, I you can you can do all that more. You just interact with your Location and hit that database.

it. The so the tonal, rid to the API. And it looks like WP GraphQL gives you JWT tokens. I'm not sure if that's built into WordPress directly of cutting back.

for about an hour every single workday.

rid. Proper weight to the point where it's always hard every single time. And honestly, I've seen nothing but good results from it. So I'm I'm I'm in pretty decent shape right now.

You

for 2 people, it's about a gym membership for 2 years. So if you're if you're not paying for a gym membership for 2 years,

I've been like, man, this this seems sweet because like is welcome.

to get a full squat rack with barbells up to £300 that you could do a ton of stuff with that could get you rid

So, yeah, I I I can't recommend enough having a a gym in your house if you're able to. I mean and, into a beast. And, honestly, we had 1 in our squat rack. We just sold it because we've been using this tonal device, which is, like, incredible. But, You know, the squat rack for us was a big pandemic thing that really made our lives a lot better. We were able to hit the gym whenever we wanted. It was like a little oasis, especially for rid. Courtney and I, with the kids being home the whole time, it was like,

If they're gonna do But simply just doing it in a low stakes way. Just say, hey. I'm gonna I'm just gonna mess around, and I'm gonna get a hello world thing or even better. One of my favorite projects I mentioned before is like a contract generator because all you're doing is you're you're you're taking a string. You're replacing some elements from the string, and then you're writing to a text file or PDF or anything like that. And that's a really easy project in most of these link in most of these languages, like like Rust, for instance. Right? That doesn't take a whole lot, But you're still gonna need to learn some of the foundations, whether that is,

I got some I got some goals goals in mind, so we can maybe Maybe we can do a quick little goal setter. Maybe we can do like a hasty for fitness goals and then I Yeah. Hasty for fitness

Like, those of you out there who

So we've been doing for me, we've been doing, like I said, this tonal. I talked a lot about it in one of the episodes. It's like A device from the future. Honestly, Lot of people are using it. And, again, when others know multiple languages or stacks, and I only know JS or TS. Alright. Let's Get some things out of the way here. If you learn another language, it does not have to become anything that you do anything real with. Learning another language can be useful in just The practice of learning the other language. When I took some time to learn Rust, I buy I got, like, maybe 1% good at Rust. And it was really helpful for me getting better at TypeScript ripped because of how similar some of the typing

I used to go dancing twice a week, and I have not been to practice since The pandemic hit because, No. Yep. Yeah. Yep. No. No. Thank you.

People don't have to look it up. Yeah. Right? Yeah. Okay.

you know, if either of us at any given point were like, I need to go take an hour in the gym. It was so easy because you're just walking over to the gym in the house shutting literally an hour, and you're getting your that hour that you can just,

and, like, unfortunately, just didn't

But I I like you. I have I have some weight I would like to shed. So,

man, I I I'm really excited to get back on the on the horse, as they say, just because

so I just did I just didn't go. But I'm gonna start going again. I'm actually really excited about going in. And I was trying to dance in my office, and I was doing that, like, once a week to keep up with things, but it's just hard. It's hard to, have that re base and whatever. And it's hard to feel even motivated to do that kind of artistic thing when you're not around your your music and your groups and all that stuff. So for For me, I'm gonna be excited to get back in there and actually getting some some cardio here, being able to do some some cardio for a little while without rid Passing out. I also got a treadmill under my desk, which I've been working on, and it's been awesome, actually. So I I got, like, a $200 or $300 treadmill underneath my walking desk, and I'll walk

rid. It sucks when you you don't feel good when you are kinda out of shape and whatnot. So Yeah. That that is where I'm at right Now I am stoked to get back on it, and, hopefully, we can do a little update show in a couple months. Yeah. Maybe we should. It's funny because I yeah. I'll put, like, a fitness, show on the the calendar, and you'll be like, yeah. Maybe maybe I should, So that's kind of interesting. They're thinking about, like, multiple which is like That sounds great. You should probably get one of those. You have so many trees on your property. Yeah. And I probably come out. Well, he brings it up to the cottage every now and then, and we just rid. Spend too much time on personally. Yeah. Like, that it's true. Like, if you do want to have to write an app for both, I think it got a little overgrown.

might not wanna spend a ton of money, you can get a squat rack at Dick's Sporting Goods on Black Friday for I don't know. My rack was, like, $150.

my wife and I right now are planning they have ones for

$900

poor, I would say.

And it lets me do all of my stuff at the

It is the only device I've ever owned that honestly felt like some sort of, like, quantum leap forward in a technology, so I could talk about it for about an hour, I think.

rid Keep up with it at home, and I probably have about, I don't know, £15 that I I would like to to lose. So,

and then have it

Next question is from monolingual.

language. That is awesome. Yeah. So I actually did know this, and I did forget. So you didn't realize I forgot. So he actually nailed both of us there.

Then I guess you will have to learn. Either do it in JavaScript and it's not entirely native or learn a secondary language, Rid. How is your health and fitness going, Yeah. What? And so if you look up CSS env one. I'll put a link in the show notes here.

Maybe you forgot or didn't realize definitely didn't realize, I'll shamelessly plug all my courses, westboss.comforward/courses.

In Android, these apps are written in Dart. It's actually a really nice

Is it really required to be successful moving up in your career or being a good developer on top of it? I feel lesser Sign up today using the coupon code tasty

Me personally, that's, like, one of the main reasons why I have no interest in learning Flutter. I ain't of time for another language here. But, like, isn't Dart just

rid. Compile anywhere kind of deal, but I've never tried this in person. And, again, take care of that. What what viewport units? Like, just VW? No. So there's new ones. Let me find it.

doesn't just compile down to JavaScript or did that change?

We spent a lot of time doing some yard work yesterday, so I'm feeling really good Organizing that kind of stuff and, all the extra hands on deck, we we feel like we're we're making some progress on this house finally. Sweet. Yeah. That's rid. I love that kind of stuff where you're like, okay.

Rid. That's good. It's unreal how quickly those things what Flutter does is native. That makes sense. Yeah.

grow. Like, we were talking about that the other day, how you have to, like, kinda keep on top of it. Otherwise, they get Just out of control. My brother-in-law has this, etcetera, etcetera. Dart popularity,

We got both sets of grandpa grandparents here this week, so We're got a full house. Everybody's doing lots of stuff. We're doing lots of projects.

you walk around and

and, take down any Any limbs, especially the limbs that get in the way when you are cutting rid. Piling on another language when you don't necessarily have your good fundamentals and and one is necessarily a good idea. I think dot techforward/

Doing good, man. We're just hanging out.

yeah, everything's feeling a little bit cleaner.

rid. And, like, should you host your database on the same server as your code? Is that faster?

some really good ones. Ready.

brought through to a form where you can submit your own questions. But today, we've got some really good ones on cable cutters at a yard sale the other day. It was I was so excited. It was a dollar, and I looked it up and it's like $90 online. Amazing. So if you are yet, but what this will allow you to do is to set you could say, like, give me a 100 viewport height minus the title bar because it looks like they're also have values of title bars. Well, then they could calculate.

you'll you'll be a nice tool 100% those things will will will will change. And People have there's a saying, nobody ever got fired for picking IBM.

So much nicer, much nicer and clear. Yeah. It's funny because the the previous owners of our house, like, Very clearly

And we went and saw it the other day and were like, oh, man, this is This is gonna take a little bit

the grass.

just did not touch the landscaping or the trees or anything once. So when I mean, when we moved in, it They'll look good, but everything was very clearly overgrown. So I've been hammering it myself, and it's amazing how much more

That's right. You know, you plant a tree, and you gotta wait 10 years for it to get up to the right size or something. So Totally.

I currently host a Next. Js app on DigitalOcean

you can hammer it even after I have. So yeah.

Alright. Well, let's Kick into some of these questions here. 1st 1 is from Paul from the Netherlands. He says, hi, guys. Love the podcast. I've been listening since day 1. Wow. Thank you, Paul.

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.