about 5 years ago Syntax Podcast
Potluck — Is it worth it to still learn WordPress? × Is Safari the new IE11? × Mobile website testing × Pirated content × Styled components × SSGs × Transitioning to full-time freelance × More!
- 00:09 Welcome to another Potluck episode
- 00:55 Scott's week thrown into chaos due to COVID exposure at kids' school
- 01:25 Wes heading to cottage for spring break
- 02:32 For personal blog, markdown + static site generator is good option
- 05:41 Fine to share course tips publicly, just don't re-record full course
- 08:34 No need to support IE11 anymore
- 12:44 Safari often new lowest common denominator
- 17:23 Nest.js seems tightly integrated with Angular community
- 22:49 Still worth learning WordPress for freelancing
- 30:17 Test mobile sites on real devices, not just Chrome emulator
- 37:08 Piracy frustrating but focus energy on your real supporters
- 39:57 Styled Components generates random class names
Nest.js seems tightly integrated with Angular community
Scott Tolinski
essentially, node back end frameworks, whether that is using something as full re Fully done up as as Meteor was Things to learn where Fastify to me felt like an evolution of Express, and it felt like, quote, unquote, just Node. Right? It felt like Node. Yeah. It didn't feel like I was writing a Fastify app. It felt like I was writing a Node app that used a really awesome, excellent server. Rid So Nest looks cool, but it does look like it was the kind of thing I was trying to get out of, which was a very, like, I don't know, very tightly tightly knit system. Rid. Yeah. I have not tried it myself. It'll all echo Scott's thing is it's it's all it's classes and decorators and and whatnot, and, rid. It seems to be pretty popular for that reason in the Angular space.
Scott Tolinski
Now my experience with Nest was that Nest has a big community.
Scott Tolinski
frameworks, you know, they would have to deal with it. Put the pressure on them. IE 11 is not A good browser to use in 2021,
Scott Tolinski
for back end work. It's an open source TypeScript
Scott Tolinski
is really good.
Scott Tolinski
Rid Thank you.
Scott Tolinski
rid See how to do it. That's such an underrated thing to do. I spent, Generated class names are really just there to avoid colliding with real class names that you've written yourself. Is it worth it? I like style components very much. I use it myself. In development, you don't really rid Use the open web. Right? Yeah. Yeah. And that's actually really frustrating when or using what I ended up going with, which was Fastify rid or even Nest.
Wes Bos
there's now, I don't know. Several really good solutions in the space, which is really cool. So, yeah, I'll have to check it out at some point when I do my next tour of this type of thing. I would definitely put
Scott Tolinski
The big issue I had with Nest and the reason why I didn't pick it is that re It seems to be very tightly integrated. Not not tightly integrated as in the same way that, like, code is, but, like, the community rid
Scott Tolinski
And, like, all of those Check out Fastify, man. Fastify.
Scott Tolinski
or using Express same category. I wouldn't use Joomla, but I don't put Drupal and Joomla in the same category personally. I put Drupal and WordPress in the same category.
Wes Bos
rid CMS I should be using. I implemented that thing in, I don't know, 3 or 4 different
Scott Tolinski
back end for They have, like, a plug in ecosystem. So rid It it's not that it doesn't do auth. It doesn't connect to the database. So it it is basically like akin to Express, but there's, like, a gazillion plug ins for it in the plug ins for passing along your auth creds or anything like that or even their GraphQL
Scott Tolinski
and interesting So, it updates via the OS, And you know what? I I think it's funny because we do get a lot of questions in them in the mailbox, in the potluck box that are just like, is JavaScript better than PHP? It's like, rid I mean, I'm I'm better at JavaScript than I am at PHP, and that's all I can really speak on. I enjoy writing it more, but it's mostly because I'm, you know, I'm I'm skilled with it. If I was skilled with a hammer, I would wanna use that hammer. There you go. I've been keeping notes on, like, a show I wanna do, How
Scott Tolinski
Not only that, there's a lot of usage of things like decorators that are really uncommon in the React re Ecosystem,
Scott Tolinski
and I found it to be nice
Wes Bos
rid and authentication full time, and I said no. And they said, okay. Can we buy 2 days a week or 3 days a week of your time? I said, yeah. Absolutely. So I did that for a couple years as well where I just rid It's kinda nice because, like, you're still freelancing. You still can do whatever you want, but then you know that at least 16 hours a week of your time has been purchased, And you can slot that off. You don't have to to really worry about it. So, absolutely, I say go ahead and ask them if they're into it. And, also, sometimes, like, your manager is, like, really cool, and they like to see people Yeah. Follow their passions, and they're really supportive of, like,
Wes Bos
system. Like, Mercurius is, like, the most polished I've seen. Oh, yeah. I would say that That probably doesn't fit into the this space because I hear you. The people that are looking at Nest or Redwood are like, I just want, something that comes with everything, you know, rid Instead of having to put them all together, which is not hard, but sometimes people just want it all done for you. Yeah. I gotta try out Redwood myself as well, so maybe I'll I'll come up with to a rental car company. And he it wasn't his fault.
Scott Tolinski
Decorators. Yeah. I actually was a big fan of decorators for a little while, and but I haven't used them in so long. Just looking at code that has Decorators now kind of confuses me for some reason only because my brain hasn't been in. So that was kind of a thing too. If you're not used to working in Decorators, people who might look at This might look and say, oh, that's kinda weird. I found there to be without really being too hefty on the page or too much to download or anything like that. I mean, you should be going really, Rid It was really nice. The documentation It just sounds like a rid Giant headache to me, especially when there isn't necessarily, like, a system set up to do that for you.
Scott Tolinski
the problem with Nest overall for me was there was a lot of, like, very Nest specific Rid And Udemy has a track record of like, Scott, it happened to you, what, like, 5 years ago, and it still hap it happened to me a couple weeks ago. It's happened to me a whole bunch of times. Yeah. And they don't take it. Like, you know me. It's just like, oh, we'll get to it when we get to it. Yeah. Submit a submit a response. Yeah. The account name is under
Scott Tolinski
like, 1 1 week at my one of my old old jobs when I was testing out the frameworks, and I tested out Angular one. I tested out Backbone. I tested out what was the other? Ember at the time. I tested out a few of these different frameworks just to see which one Spoke to me the best. Not necessarily which one was the best, but which one was the like, felt the most comfortable for me. I was like trying on a pair of shoes. Right? And I'm looking at Nest, and, like, Nest looks like a cool pair of shoes. But then the moment I see, like, you know, controllers and services, like, the way that they're all spelled out here Classes and stuff. My it doesn't look like it's the right pair of shoes for me.
Scott Tolinski
Have you looked into Nest. Js? Not to be confused with Next.
Scott Tolinski
align with the other technologies that I was using in the way that I would have liked it to. The what's it called? The, what did I just say? Decorators?
Scott Tolinski
node framework that's becoming pretty popular. Okay, Benedicte.
Still worth learning WordPress for freelancing
Scott Tolinski
cloudinary.com.
Scott Tolinski
So head on over to if you have a team, this is the third thing I'm plugging, Wes. This is gonna be the new re Segment here that if you have a team, we now have team accounts, so you can sign up your whole team at once. So check it out. Awesome. Thanks everyone for tuning in. We'll catch you on Monday. Peace.
Scott Tolinski
Saloon cowboy.
Wes Bos
on WordPress, but a lot of
Scott Tolinski
cowboy in a a picture as well using one of their filters. So All good there. Someone did that the other day. My some of my captions said West Boss.
Wes Bos
Like small potatoes, 500, $1,000 websites, I think a lot of those people have also just moved on to
Scott Tolinski
is the image hosting service, and they don't just do images. They do video hosting too. But it's the image hosting service that allows you to
Scott Tolinski
to create many different versions of every single image that I had on my site so that I could serve a WebP to, you know, to the Google Google users or Chrome users. And, you know, Safari was never gonna get WebP, so they had to get That's just how I'm that's just how I'm feeling. Next question is from Anan.
Wes Bos
block interface where people can snap together different pieces of content and rid And lay things out as they want. As much as developers who are listening to this podcast hate that, with the new Gutenberg
Scott Tolinski
Alright. Next question is from Brian. Brian says, hi, guys. I've been listening to you guys for a while and recently launched rid My first website.
Scott Tolinski
Use the link in our show notes Here, if you want to let them know where you came from, or you can tweet at them and say, hey. I heard about Cloudera and the Citox podcast, and it's awesome. It's the best way to manage images and videos in the cloud. It didn't transform any use case from performance personalization using Cloudinary's APIs, SDKs, Widgets and integrations, you can turn yourself into an old timey sepia
Wes Bos
going into that. Rid. Also, that's if you're just starting out, that's very easy
Wes Bos
Oh, yes. And, they they submitted a pull request that Changed all the instances of West Boss to West Boss, and it's they, the cookie is present
Wes Bos
PHP and how you can just create a index dot j s file, and it shows up when you visit that URL. Like, That's all the stuff I loved about PHP, and and now we have that in
Scott Tolinski
for But in in some capacity, this is kind of what,
Scott Tolinski
rid Flow and what you had to hand code that. Well, Cloudinary allows you to basically suck up all those images and put them on Cloudinary, throw in some rid Format auto, some quality auto if you want to, or even control the quality and transform that image in a URL It's probably going to it's going to be the least
Wes Bos
rid More of like a page builder and I miss like, I was just like, I know probably 11 different ways to loop over an array in in JavaScript, and this is not a knock at PHP. I just I'm not as good as I am at JavaScript, and that's as if it were that. That's sort of a caveat there is that possible CMSs, and it was kinda fun to see
Scott Tolinski
that's cool.
Scott Tolinski
in Next. Js land. I remember when I was first learning backbone. I was like, This kinda reminds me of PHP. If what? Or it's like not PHP specifically, but they were, I think, Magento is one of the systems felt very much like back when. I forget what it was. But I was just like, oh, that ready. I kinda recognize some of the stuff going on here. It's like, oh, now how things have changed.
Scott Tolinski
do a fair amount through plug ins and themes and all sorts of stuff like that and use it as rid Site builder anyways. So the error log. So Sentry is the perfect place to track all of your errors and exceptions. Rid There's a ton of tools, and every single week, we sit down and try to dive into more of these tools because there's just more and more there all the time. So you'll wanna check it out at century dot I owe use the coupon code tasty treat, all lowercase, all one word, and get 2 months for free. Thank you so much for Century for not only sponsoring the show, but making such a great product, one of the cool things is in the Sentry's performance dashboard, it gives you a user misery score as how many users are hitting a specific route and how slow it is. Rid. So if you have a route that's heavily traffic and it's very slow, the user misery score is going to be very high for that. I pushed an update, let me tell you, there is nothing better than seeing your user misery
Wes Bos
Scott and I from somebody who did that as well. Like, how do you keep this thing It's so fast. Fastify doesn't do, like, Auth and everything, though. I don't think that really fits into the No. This, like, whole boxed up
Wes Bos
a lot of these JavaScript solutions rid because we are much better JavaScript developers. Also, like, I think I'll there's no destructuring in PHP. I love using the the destructuring and Rid Piracy is something that I have to fight against
Wes Bos
basically, because if you look at something like Next. Js things you can use to froth milk or whipped cream or something like that? Rid. I don't myself, but, Chromie uses them. Oh, man. I'm all about it. And so
Wes Bos
The reality that I'm seeing in in the, like, marketer world
Wes Bos
I just called it PHP is where we end up, into the source code. So if you're using local host, whatever, forward slash wpthemes I I did this with one of my co ops in university. They basically, they're like, hey. Stay on. I was like, no. I wanna do my own thing, But if you want, you can you can call me up, and and I did a couple projects for them after the fact. I think if you talk to your boss, the worst they can say is rid No. So absolutely go ahead and ask for it and and see if they are interested in it. Sometimes
Scott Tolinski
since before we started recording syntax, And I've been a big fan since day 1.
Wes Bos
the a lot of the the contracts can be smaller smaller potatoes. I think, also on top of that, I think a lot of the, a dev tools that is rid the code that's literally running on your phone. So you can hover over things and inspect element and look at the console, and that's invaluable in figuring out what the actual rid. Issue is if it only happens on your phone. And if you don't have an iPhone, made a picture of me in, like, the old timey sepia hat, and I just thought of like,
Wes Bos
Squarespace or Wix or or something like that. And I don't know sure what you think about that, Scott, but I think that's good because a lot of I talk to a lot of my friends who have small businesses, And instead of them having to, like, go through some web developer, now they can just put a a little a short little portfolio website site or a little what? No. Not portfolio. A pamphlet website online pretty quickly and pretty affordably. Yeah. I mean, that seems hard to me. Like, there are no no reason why you even have to get into PHP and WordPress. I mean, you could
Wes Bos
to find clients and to make money at that type of thing. Like you said, I don't wanna get stuck in WordPress only land because of the money. I think so. WordPress is not the best bang. There are lots of like, there's this company called 10 Up. They are a massive company that only does WordPress, and they have many, many employees. You can certainly make lots of really good money
Scott Tolinski
Now Cloudinary You wanna be serving up the smallest little images that you've ever served so that people can download them as fast as ever. And to do that, re It's really easy with one of our sponsors today, which is Cloudinary.
Wes Bos
or or Redwood or Keystone or any of the other 1,000 things out there. But the reality is at the end of the day, WordPress rid It's still super popular. It's still chugging along. People really like it, especially as it's becoming
Scott Tolinski
Also, how things have changed. Image formats, always changing.
Wes Bos
Also, I don't wanna get stuck in WordPress only land because of the money. Alright. That's that's a interesting thing. Some things to unpack here. Rid Do you still think it's worth learning WordPress? This is this is a tough one. I think so. I don't think it's the only thing that you should should be learning. I think that you probably should be learning.
Styled Components generates random class names
Scott Tolinski
is learning it is not gonna be a detriment to you. It depends on how long like, is it gonna take you 3 years to learn it? I don't know. Maybe it probably was that time on something else, but don't think you're gonna get stuck in WordPress land. Just to you know, as long as you're learning things about the code you're writing and about the platform it is as the web, You're gonna continue to improve your skills outside of WordPress. So focus on those skills, like what the HTML actually looks like, what the site performance is like, and why. Maybe don't get too hung up on the WordPress stuff, but the platform stuff specifically,
Scott Tolinski
To be a freelance developer, not I'm leaving to be a freelance developer and still work with this company. I'm leaving to be a freelance developer. If you ever need anything, Give me a call. Hit me up on the phone. Ring me. And sure enough, we needed him, and it worked out. But it wasn't like rid. It wasn't set up from the ground floor to be like,
Wes Bos
volt cell in them, whereas That's gonna get you double Redwood. Js and Keystone tried to hire me
Scott Tolinski
I would like to Wes, I don't know how how you feel about this, but, so the guy who created level up tutorials with me, Ben Chaff, he he he and I started it in 2012 together. Rid He has worked at a, in a man management position in the University of Michigan's tech department View on Chrome Dev Tools and everything looked fine.
Wes Bos
For me, I would just say, just regenerate it. It's not a big deal.
Scott Tolinski
at least for your time commitment, like, rid The time it takes to get that going versus the time it takes to, get server side. I would just rather do server side rendering it, I think, in my my, my estimation of the whole thing.
Scott Tolinski
like, for me,
Wes Bos
finding batteries for it and whatnot. Yeah.
Scott Tolinski
One of my favorite things about Sentry, which is our sponsor today, century at century dot I o. One of my favorite new things about Sentry is that they've added in performance tracking. And me, personally, I really, really, really like performance because there's something really gratifying about getting that milliseconds down. And I was seeing
Wes Bos
top right corner. Click ask a potluck question. Type it in the box, submit that thing, and we will possibly answer it on the next I think we'll do I think we should do another potluck an accident.
Wes Bos
and then put it into the new one. That's how I would probably approach it. I'm curious Mhmm. To see what Scott thinks, or what did you even do? Well, I I'm laughing because I I don't I don't know but only show it to an authorized user. I know I could use SSR and get server side props read. Check allow. So that's one of the nice things about Next. Js is that you can both use
Scott Tolinski
And, have found it's a interesting, interesting, interesting world. But for right now, you're probably best off server side rendering, host them somewhere, and automatically feed them into my website so they are formatted all within the style of my site. Okay. So he wants to know if there's a best practice. Hey, Brian. The best part about this is it's your site. You can do it however the heck you wanna do it as long as it loads fast and looks nice and People can get to it and all those good things. So is there a best practice? No. There's not a best practice. It it sounds like if it's a blog, maybe a static site rid would be a good call for you.
Scott Tolinski
that means that styled components can exist in this world That is totally outside of any sort of classes that you're writing in your coding library. Now why do people use the style components? Typically, it's just for scoping not just for scoping. There's features involved with either theming or passing values into it, but the the main caveat here is that people like to use styled components because rid. It allows them to control I see a lot of class names that
Scott Tolinski
come on. Most people are using that baby monitor. They're using it during the day, sure, but rid. Everybody's got that baby monitor on at night. Yeah. Who did that? Who thinks that's a good idea? You gotta think about that. Yeah. Come on. Yeah. There's, like, electrical tape on everything. Yeah. Rid. So I denounce putting LEDs on everything, but I really like IP. You could type that IP address into your phone, and it will load up of site on the network.
Scott Tolinski
if If you you know, I I like to think about it like this. If everybody. I'm about progressive enhancement. Right? I I get that. One, it's it's IE 11. This browser, it's used by a ton of people still. So don't get me wrong here, but it's, re In the large scheme of thing, it's used by such a a very small population. If that population suddenly had most of the websites they start using not working, They would stop using IE 11. Is that a great thing to do? I don't know. Probably not. But, like, I stopped supporting IE 11 a long time ago because my my primary audience is developers. I don't know any developers running IE 11. So for me, it was an easy call to say drop support for it. I don't have paying customers who use IE 11. If I did, it would be a harder decision, especially if I'm in a larger company.
Wes Bos
like, Atlas and our local government, once the vaccines that has been in one of my courses, and then it like, it goes rid through, like, a Twitter tip, and then somebody a couple months later, somebody else tweets that out, and it's funny to see it sort of ripple through. And then at a certain point, it just becomes
Scott Tolinski
Sign up today.
Wes Bos
and I would love to hear
Scott Tolinski
library for writing CSS. Now
Wes Bos
format in all in one CMS, generated classes anymore.
Wes Bos
sort of scared to just generate these
Scott Tolinski
a modern version of PHP supported, let alone something like Cloudflare Workers, which isn't hosted I think you could probably Hold it off in some sort of regard. Is it gonna be better than just server side rendering? Most likely not,
Wes Bos
and personalities and all that kind of stuff. So I think it's a great idea. Good luck, Jonathan. Yeah. There is a fair amount of, like, what's your relationship with your employer? You know?
Wes Bos
like, the kids will come in, they'll they'll have an iPad, and the headphones need to be charged. And rid. There's all kinds of stuff that needs to be charged. Actually, my sick pick is needs to be charged as well, and it's great for that. But I sometimes, I move them into the bedroom to, oh, last time I sick picked my toothbrush, and I told you that it was a rid Proprietary connection? It's not. It's a just a regular DC barrel connection. Oh. So I was wrong about that.
Wes Bos
Years years years of content, it probably will have to happen at some point that you have it at some sort of standard
Scott Tolinski
User information or something like that. Keep in mind that that page is going to be living somewhere, like,
Scott Tolinski
is gonna bother me now. I'm gonna have to get rid of that 1 bar, but I have 1 bar out of, like, rid 10 now and the user misery scores for every single route on my site, and I was able to see that so quickly and easily because Sentry
Wes Bos
Things like PHP has been generating server side on every request for years, and it's been fine. So unless the unless there's some sort of, like rid Like, I don't know. You have API rate limits, in which case you could cache the data.
Scott Tolinski
I want to make the transition into full time freelancing Wes and I met him a little while ago. I don't know. Have you met him more than once? We met him at, the Jamstack Conf. Rid Nope. 1st time was at Reactathon. It was Reactathon or the Jamstack Conference. 1 of the 2. I think I've met him twice at conferences.
Scott Tolinski
access to those privileges on your own server.
Scott Tolinski
and is it worth it? Okay. So rid. What these are, these are being I can I can speak from firsthand because I know the process in which you you you brought the site, but these come from Styled Components? Styled components is a JavaScript
Wes Bos
Aubrey Backschneider.
Wes Bos
something built into Next. Js to tackle these type of situation.
Scott Tolinski
Almost have the same style.
Wes Bos
I'm laughing because I used to work in education, so I'm I'm yeah. There you go. You can hear it. Rid For me, what I would do is I would go with some sort of established CMS. Check out one of our sponsors today.
Wes Bos
The one thing I don't like about them is that do yours have the little lights on the end? No. These ones don't have any lights. Oh, Okay. I need that because, like, I I bought a whole bunch, and they all have these, like, a little LEDs in the head so you can, like, grab them if it's under the couch. Oh, that's interesting. And it's nice for the kids because, And they're like, it's not working. And I was like, oh, There's a use case. Like, I was like, developers don't use IE 11, but the managers who bought the courses do, and that's why I know and fixed because, And once
Scott Tolinski
class names rid that are guaranteed to not clash with anything else that you've ever written because
Scott Tolinski
work with this team still. I will be, like, available for work, obviously, you wanna do it in a little bit more personalized way, say, like, you know, really, really enjoyed. You know, I can help you maybe find my replacement.
Scott Tolinski
and would like to have a platform to do so on That has typically been restricted. Lollip tutorials is now open for tutorial makers and to earn real monthly royalties,
Wes Bos
I think there's probably even, like, some The beauty of that is that it is a Fairly standard format.
Scott Tolinski
plummet to 1 1 bar, which is the minimum you can get, or I guess You can get 0. So I still have 1 bar to get rid of, which really create images on the fly and serve them and cache them in the smallest rid possible format so that they load faster than ever. I remember going through great lengths it has thrown our lives into a complete, tailspin here. We were we were, like,
Scott Tolinski
React server components are trying to solve in some sort of way. You're basically taking out sections of your website that are re Going to be rendered on the server with, you know, information that could be scoped to that specific user or that user's information. That, to me, sounds like React Server components in in the future for us. So this is a interesting space, and I'm sure it's going to evolve as we go here because I I've been looking into all these different means of Either server side generation or server side rendering or even React component rendering on the server for React server components. I've been looking into all this stuff myself Js or Nuxt or or any of these other n blank t ones
Wes Bos
would generally run its own website
Scott Tolinski
when I looked into this, like because I've looked into several aspects of doing something similar. Right? And,
Wes Bos
Yeah. Because that's not gonna fly in every relationship, but I could definitely see that rid that working out. Yes. It's it's true. Like, the some people, when you say, I'm gonna quit, like, they'll walk you to the door immediately. Rid. Yeah. Alright. See you. And other people will be like, oh, yeah. Like, let let's see or, like, k. Go do your thing for 6 months and and come back when you're ready. You know? Like, it's rid over the place. Yeah. Totally. Alright. That was it, man. We have so many more questions. We didn't even get to them all. So thank you so much for everyone for Submitting your questions. If you've got a a question you want to submit for the potluck, go to syntax.fm, So they delayed it, and now we have spring break, which sounds super fun. We're gonna go up to the cottage for a week and a work from the full stack shack, and I'm pretty excited about that. Yeah. S b 12 Yeah. I like that. Yeah. That sounds great. Rid. Beautiful. Alright. Shameless plugs. I'll shamelessly plug all of my courses at wesbos.com That is it doesn't move as fast. And some some of those, like Scott said, are valid, and some of them, I think, are just because they want you to use an app instead of
Scott Tolinski
A friend of mine rid Also used to work for the government
Wes Bos
read. And URLs and content that needs to be maintained,
Scott Tolinski
3 in one head of a
Scott Tolinski
Rid.
Scott Tolinski
rid What are some of these other with CSS modules or or different ways of writing CSS? So to answer your questions, the generated wouldn't use Joomla, but I don't put Drupal and Joomla in the
Scott Tolinski
pushed out some huge updates to level up tutorials back end. And
Scott Tolinski
Sign up for the year. Get 25% off. And, actually, as static HTML
Wes Bos
It's not as easy as just throw a CloudFlare or or scale up because People support me and and buy the thing and
Wes Bos
but also you need, like, something a little bit faster, and you need to be able to give people URLs. And When I was in university, the solution for that was that every department
Wes Bos
Have you ever developed a dotedu website? Rid If so, what did you use to manage enormous archives in addition to giving the site a simple page builder for the departments To contribute little or no interaction from the developer, no Joomla or Drupal, please. Been there.
Scott Tolinski
he works At GitHub, and he is brilliant.
Scott Tolinski
not somebody I was explicitly replacing, but Somebody who had just left before I got there and I don't know. It gets me fired up thinking about the hoops people will go through to make other people use IE 11 or support it. So I don't agree with supporting it, and if Microsoft
Wes Bos
rid I knew what this class name really was. Yeah. I have a feature in style components that I turn on, which will also put the component name into Yeah. Rid into it. I'm not sure if that's turned on in production. It's a Babble thing, though. Oh, it's a Babble plug in. Okay. We used to use it, but rid We don't anymore that one now that we're not on Bevel. Oh, yeah. Actually, yeah, if you inspect element on any of these, it says person underscore underscore person wrapper dash re p a b r u dash 1. And those are just so that I can also debug which component
Scott Tolinski
So there are these generated unique
Wes Bos
Thanks for the great help. This is a a really interesting question because I often think about that. I think about this with, education websites because it is, Like residents' data, they need to, like, abide by all these different rules,
Wes Bos
Mark, next question from or ipconfig on Windows and somewhere in there, it will tell you what your local thing
Scott Tolinski
Feeling great. I can plug anything I want into it at any given
Wes Bos
And But that huge migration Fuss about The local host Do you still think it's worth learning WordPress for freelancing if you aren't too confident in your JavaScript and front end design? You could also rid I might be talking out out of my butt here, but,
Wes Bos
do it at a, like, like, ready. Matt from Caddy server came on. You could do it at a server level level, meaning you could put it in Nginx or whatever read. And check if
Scott Tolinski
was the ability to tag every single error to a specific
Wes Bos
rid Who Re We went so far on this, like, Jamstack prerendered
Scott Tolinski
Drupal or WordPress. It's mostly because we had to. Now,
Scott Tolinski
and wanted to know what you think about having a rid Talk with my current employer to see if they'd be willing to take me from a full time to a contract freelance basis. Bad idea, thoughts, advice. Thanks as always. Jonathan,
Scott Tolinski
Alright. Next question here is from Jonathan s. He says, rid Love the show, guys. Hey. Thanks, Jonathan.
Wes Bos
you'll check if that thing exists on the old website rid. Or if you check if it's on the new website, and if it's not, you check if it's on the old website and use a CloudFlare Worker. You can
Scott Tolinski
to even get
Scott Tolinski
stuff device and have it be on your computer, You know, sharing those kind of things is part of what this web was built on and, you know, being able to share that free share of knowledge that we have. And For those of you who don't know, I I got my start doing, like, totally free videos on YouTube for many, many years from, like, 2012
Scott Tolinski
rid Don't put the the lit ones in your bedroom. Yeah. Our baby monitor, man. Our baby monitor. I don't know policies are like. If you can use modern stuff, what the what Wes is I
Scott Tolinski
And so luckily,
Scott Tolinski
j c c, and h s I x h l. Read. I really want to know the science behind generating those. Do you have shared classes that are some kind of magic tool transfers them rid into ugly names and copies them over? If so, what is that tool, So
Wes Bos
a ready. Regular one will usually only have, like, 3 volts worth of batteries in it, so you get that extra 0.6.
Scott Tolinski
Yeah. And He gave us a really, really cool GitHub shirt, so I always remember him for that. Yeah. We definitely met him at Reactathon, but I'm pretty sure he was at the he was definitely at the Jamstack com. Yeah. Brian Brian's super great. He's very skilled. He has his own YouTube channel. I'll post a link to that as well. But yeah. So check it out, leveluptutorials.comforward/pro.
Wes Bos
you pre generate the page, And then that thing is generated and can be served out very quickly.
Scott Tolinski
that's not really, like, a problem. In production, you don't ever really need to look up the class names that much. I've never had an issue where I'm like, oh, gosh. I really wish
Scott Tolinski
PHP servers that were old versions of PHP re p that we had to provision, meaning we couldn't even use modern versions of some of the CMSs that we are trying to use.
Scott Tolinski
it was a rid Giant PIA So yeah.
Scott Tolinski
Lowercase g, capital k, x, Heck. If it's something very important, it should be using, like, almost lowest common denominator tech that can, you know, handle as many requests per second without, in less than a month, Scott, because we have rid Just so many good questions. Yeah. Yeah. Usually not not usually, but, like, sometimes you look through some questions, there's somebody trying to advertise to you. Like, have you ever heard of this software that I clearly were wrote? That's that's something we're getting a lot lately where We get a lot of that. Yeah. People are trying to bait us. Yeah. I think we fell for it a couple times, and people realized it. I got I almost fell for it a couple weeks ago, and you had to pull the you're like, I'm pretty sure this person wrote the software. I was like, oh, I've never heard of it. Have you ever heard of insert your project here? We do. Anyways, what are we talking about? We'll do another one, so get ready for that. It's coming down the pipe. Coming down that pipe Coming down the pipe into the the,
Scott Tolinski
$10 off. I'm going to shamelessly why do these class names look so funny? They look so funny, 1st and foremost, so they do not Collide with any other class names in your library and that they are unique.
Wes Bos
I'm pretty sure that some sort of tunneling software that will temporarily Keep up the great work, because it's kinda interesting. So it's a totally static page, but you still want to check if the user is authorized to that. Rid. I don't know if there's specifically And you you look at how we are writing it and where everything is together, and our logic is interspersed with our templates and all that stuff. We're basically just recreated
Scott Tolinski
rid Send me your link at some point. But this is the It really honestly depends on what your institution's
Wes Bos
for all of the backlinks, rid. I would use, like, a Cloudflare Worker
Wes Bos
in there because it has a little LED on the end, so I had to tape around it. So
Scott Tolinski
Ring.
Scott Tolinski
because
Scott Tolinski
alright. I would like regular contract work from you, and I would like it this time. That's basically asking you to get paid more to do the Same work, and they'll be able to see through that. So,
Wes Bos
that would simply just slurp up
Scott Tolinski
Whose idea was to put the world's brightest LED on the front of that thing? Like, Says looking at
Scott Tolinski
plug the latest rid Corey, well, first, I'm gonna shamelessly plug 2 things, Wes, if that's allowed. 1, level of tutorials is looking for authors. We are now paying royalty based rid. Along with an upfront payment, if you are someone who is interested in recording tutorials
Scott Tolinski
Is a long USB cable that has USB c,
Wes Bos
the government CSS has proper scoping built in, then you probably will not see these then you I think you have to pay for that. I recently bought a ngrok account. Ngrok is another tool that will do that. Yeah. Ngrok's cool. Yeah. It's awesome. It I originally paid for it because I don't know, nuclear reactor, In IE, and those entire apps needed to be rewritten and updated.
Scott Tolinski
specific scopes and reuse them as components in their CSS the same way that you would with BEM or is tightly integrated with the Angular community. And nothing against the Angular community. I'm just building React websites. Rid. And not that you cannot build React websites, I just found the amount of examples, the amount of people using it, the amount of blog posts written about it with Nest in React was far, far, far less than with Nest and Angular.
Scott Tolinski
did this, basically. They left to go do freelance work, and the whole thing was I'm leaving The the reason why it's Safari for me is for a few reasons. One, It doesn't just update itself like Chrome and Firefox and Edge do, and and that can lead to people just straight up not updating their browser.
Scott Tolinski
and thinking, Developer that we that actually worked at a company that I worked at before I was there, you know, be prepared to not have them as a client, and maybe that would be the way to have it work, But it it can work. I've seen it work. You just gotta be prepared for them to not use you as a client. Don't rely on that money.
Scott Tolinski
Touches so many more pages, routes, components than maybe you're thinking. And if you're thinking about generating a full on page with
Scott Tolinski
doing JavaScript stuff. It is an open source stuff, so I'll I'll throw rid feelers out to see if you'd be interested in coming out. Maybe we could have both of those hit. I'm in. Hey. This is not a good ad transition, but it's an ad transition.
Wes Bos
a 100 times and it's running with the same arguments and returning the same value,
Scott Tolinski
I given your requirements.
Wes Bos
I don't know. Especially because, like, it's much cheaper to hire you even if your rate is higher than have to skill somebody else up on the stack and understanding at that. That requires a little bit more work because you need to get into Caddy or NGINX or whatever.
Wes Bos
I got something else that is use USB chargeable, and it is a milk frother. So you know those little
Scott Tolinski
as well.
Scott Tolinski
no one's going to come up with h, capital s, x, whatever. No one's gonna come up with that as a class name.
Wes Bos
rid Something that I use every single day. I'm just a big, big fan. Alright. Next question we have here is from Swiss boy. Hey, Weston rid Scott, thank you for giving my weekly motivation. You're welcome. Currently, I am experimenting with Next. Js's server side generation, Common knowledge. Right? Like, I'm not gonna I probably have to Forward slash courses. You can pick up a beginner JavaScript or advanced React or Master Gatsby, any of that stuff. Rid. You can check out a huge list of all the courses that I have. Use coupon code syntax. That'll get you extra
Scott Tolinski
Rid it might be interesting to have him on at some point to talk about what those restrictions in education are like. I know he's got a nice microphone and stuff, so it would be good. He might be able to provide a little bit more insights on what the reality is there right now now. But when I worked at the the university level, Rid.
Scott Tolinski
for their websites.
Scott Tolinski
was Users account so that we can see exactly which of our users are hitting which errors, when, and where. The meaning that if a ever coming to us saying, hey. I tried to do this thing and it broke. We're no longer looking through the error log to see errors that could be them, but we're able to attach rid The error directly to the user because that user's data is put into and cool, but ultimately did not
Wes Bos
without any dynamic content, and I don't wanna regenerate it with every request. Is there a way to achieve this? and I would like to know How I can generate a page at build time,
Wes Bos
be aware that train that people are
Scott Tolinski
braided in the EDU's infrastructure itself. So, yeah, without knowing what your issues are, Aubrey, surrounding that stuff, it's it's a little bit difficult To give you super solid advice, maybe we could have Ben on and have Ben run through some of the stuff that they've been doing because he's into super modern tech, and it would be interesting to hear what rid He's faced. I know I know there's been some frustrations there. I wanna hear that, and I also want to get somebody from long USB cable.
Wes Bos
just because it's way too slow rid to have to go through the the main thing. I have not worked on on one of these, but I'd be curious to hear both, like, my ideas as well as Scott's As to, like, how would you even approach something like this? Probably while you'll hear And the police officer accidentally wrote down that he was at fault, and he had to pay, like, $20,000 Rid A couple different tools out there for this.
Wes Bos
and government websites where there's literally, like, 15 years of backlinks all kinds of performance. Lots of really, really good questions. You folks have just been sending in really great questions, so Thank you for that. Today, we are sponsored by 3 awesome companies, Sanity, Structured Content, CMS, Sentry,
Scott Tolinski
That can be accessed, and then you're verifying S b. In high school, there would be, like, you know, kids who would go, like, to,
Wes Bos
cannot happen all at once. So we've talked about this in the past where people just, like, sort of proxy the old content rid with, like, a Cloudflare Worker. And, basically, what will happen is when somebody requests a URL, pick up some JavaScript and, yeah, yeah, get going. I was working on my wife's WordPress website a couple, like, a week or two ago, and I was just adding a couple features to it. And I was thinking, like, rid Man, I am so much better at writing JavaScript than I am PHP,
Scott Tolinski
Yeah. So I have a connection
Wes Bos
people always say, okay. Yeah. We could do maybe 2 days a week. I've done that in the past as well where one of my clients
Scott Tolinski
Was it mini micro? Micro. Micro on the end? And, man, we put a couple of these in our house, Not really the same thing, but that's what I do on my side, and, it seems to work pretty fine. The best part is since you're a developer and you're the only one touching it, you don't have to worry about read. The, developer experience or the usage experience of writing markdown blog posts. But is there best practice? No. Probably not. If it's just you,
Scott Tolinski
uses.tech
Scott Tolinski
So, rid. Aubrey, you're not gonna like my answer. My answer is use Drupal.
Scott Tolinski
this to me is one of those things where you have that conversation, you have to kinda be prepared to be Leaving. Like, if you're having that conversation to me, that's the conversation you have after you've already decided that you're going to be leaving to do freelancing full time. And then you say, rid. I'm leaving to do freelancing full time.
Wes Bos
re Hey. Yeah. I'd love to to help you through this. We're able to to pay forward slash whatever .style.CSS.
Wes Bos
that I can charge it over USB. And it's another thing I don't have to And I very much like it for the
Scott Tolinski
is able to track performance metrics on every single page load of the site, and it does so along with all of your other tools. Another neat thing that we recently implemented in Sentry That's probably what I would choose, actually. You could just toss everything in MDX or, even better, you could use MD specs or MDX
Wes Bos
so that we can scope the CSS.
Wes Bos
that everything is going USB. Like, baby monitor is USB.
Wes Bos
ours broke a year or 2 ago, and rid. We bought a bunch of whipped cream. I was like, we gotta get a new one. And now to my surprise, they are USB chargeable now, so you don't have to go eating through batteries, whatever. Rid And they are also wicked fast because they have, like, a 3.6
Wes Bos
But then you can also do server side checks if you need it, to check allowance. However, rid. So this is the problem. The page is completely static is absolutely yes. So I I think it's probably still worth, went went live, the site didn't crash, And they had a terrific track record for the these types of things crashing.
Scott Tolinski
the way I saw it was the user account in the user authorization And get some, React components near in markdown too. That'd be pretty neat.
Wes Bos
the existing content and render it out. Because moving Sound machine is USB.
Fine to share course tips publicly, just don't re-record full course
Wes Bos
At first, I was like, not sure about that because they're kinda just, like, rebroadcasting piece them together. You're not just redirecting rid them. You can literally say, alright. Well, grab everything that's in the content div
Wes Bos
tips. Unique tips, hot tips, any sort of tips. For example, I once shared a trick from Wes's courses on how to set your Versus Code windows to different color to distinguish between client side and server side code, giving all credit to Wes' courses for that concept.
Scott Tolinski
with official support of IE coming to an end August 17,
Wes Bos
run around policing. Like, I came up with that. This is my tip. Like, no. Obviously not. I just I'm just using the software, or I'm rid using JavaScript in in a certain way. So I I encourage it. People ask me this all the time, like, can I use the code in your courses? Can I put it on GitHub? Can I use it in a a a client project? You can do whatever you want with it. The people have even, like, live streamed on Twitch them doing a course.
Wes Bos
from your courses publicly on social media? For example, I want to share What about hot tips? Hot
Wes Bos
Totally fine. I really, really like when people do this.
Wes Bos
In fact, sometimes And you need a CMS. You need an API whether it's you use the GraphQL API that they have. They also have this really sweet query language called Grok.
Wes Bos
my course. But I was like, you know what? Just gotta rid Let it go. And if it becomes a problem, then I can deal with it. But at the end of the day, it's just like it's kind of just remarketing for my stuff, and I also
Scott Tolinski
Yeah. Which they have done. Yeah. Yeah. Same here. And everything you said, Koneko, from my content as well, I I I fully agree with you on all of that stuff. I've always been, like, keen to to say, like, I recently
Scott Tolinski
2021, And I just had to order a couple more because I was like, you know what? I just kinda want these in any place that we typically interact with USB cables.
Scott Tolinski
Just make sure you you say who it is and what it's what it's about and whatever, but just, again, don't rerecord and tell it. That's it. Alright. Next question is from re Jules. Jules says,
Wes Bos
I see stuff
Scott Tolinski
do you think developers should still rid Try to support IE 11 or focus only on new modern browsers.
Wes Bos
I felt a little weird. I was sharing a portion of his pay's content for free. Is that okay? Where's the line? it still does get me every now and then, the piracy, but, like, at the end of the day, I have to, like, remember just that There's so many people out there that do support me. For every one
Piracy frustrating but focus energy on your real supporters
Wes Bos
annoying person that's doing this type of thing, there's probably 10 or a100
Scott Tolinski
Okay. Next one here is from Alright. You, wanna kick it off with the first question there? Oh, I'll kick it off. This first question is from Brian Murray. Rid Brian says, I'm adding a blog dev tools, and you can use the simulator to fire it up in a quote, unquote real iPhone.
Scott Tolinski
There's no indication that this account has anything to do with me. Not to mention, I've provided you links to this video on YouTube showing you where I initially uploaded it. You're still gonna take a few weeks to take it down, rid. Collecting in people's money who are buying this thing, unknowing that it's for free on YouTube,
Wes Bos
bought a t shirt because they're like, Wes, you're doing awesome. Love the podcast. Like, I always have to remember that. Like, don't get so hung up on this frustrating part, and don't spend all your entire day trying to fight that type of stuff because at the end of the day, there's rid Ten more people that want more stuff, and my time is probably better spent there. So that's my tip there. Just at a certain point, you just gotta let it go. Listen to the, What is it? Have you ever heard the Mike Birbiglia
Scott Tolinski
dang. Yeah. There's always gonna be those roadblocks. If you spend all the time worrying about the roadblocks, you're never gonna get past it.
Scott Tolinski
Yash.
Scott Tolinski
makes me mad. Makes me makes me more mad that rid. Somebody's paying for my content that's available for free than it does that somebody is stealing my content and reselling it. Like, that's what makes me more mad. Yeah. Yeah. And
Wes Bos
And he just was so so torn up and frustrated, and it was just consuming him. At a certain point, he just, like, learned to let it go, and it was very freeing for him. And sometimes I have to remember that, like, okay. Relax, Wes. Just get back to making courses. Yeah. Yeah. I hear you. There's always gonna be those roadblocks. That one sounds really intense.
Wes Bos
Have you heard that one? No. Years probably, like, 10 years ago, I heard a really good, like, podcast from Mike Birbiglia where he he got into
Scott Tolinski
like,
Scott Tolinski
Some some person's name that sounds nothing like Scott Talinsky. I say at the beginning, hey. I'm Scott Talinsky with LevelUp Tutorials.
Wes Bos
and then uploads it to Udemy and then tries to sell it.
Wes Bos
a lot in just in terms of part in websites, but then there's also these, like, rid. Legitimate Udemy is the one that I always not always, but it's happened a couple times where someone just downloads my course
For personal blog, markdown + static site generator is good option
Scott Tolinski
My hope is to write them in markdown, v I t e. This is Evan Hughes bundler and server.
Scott Tolinski
No.
Wes Bos
If you do need to get into MDX instead, like, WordPress specifically, I ran into this a lot. Rid They will hard code
Scott Tolinski
like, the the way the way to go going forward just because, again, you have That reusability, Either way, I'd say go to a static site generator for this And how have the post just been marked down? I mean, that sounds, like, fine to me. That's actually what I do on my on my side and kind of what we do on on syntax.
Wes Bos
like, a Sanity
Wes Bos
Rid. Do you care if people show cool tips, unique tricks markdown.
Scott Tolinski
Static site generators or Next. Js or Gatsby, anything like that would probably work just fine for you. Or even the, SvelteKit.
Wes Bos
the dream of components as we head. That's true. Next question here from is from Zach Lofton.
Wes Bos
just like, like, one perfect
Wes Bos
rid Then, yeah, go for markdown. My personal website, I moved over from a WordPress blog to just plain old markdown, social media, that will only run on IE 11, and it breaks in all other browsers. We we're very much past I shared, Scaling up internally.
Wes Bos
that's not as big of a standard, but it's still very, very popular. Like, if you throw a A React component inside of there. It's gonna be a little hard to move to something else in in 5 years. But like I said, it's important to keep it in some sort of standard format so that if you ever do wanna move it to something else, then then you totally can. And I think you're right, Scott. Like, the the re Syntax website is made in markdown. Yeah. I would like to move that over to MDX because
Wes Bos
markdown file. It's just to, like, put a,
Wes Bos
component, and they would just automatically build it in. And If Sanity wants to update the marketing copy or they got a new coupon code, they could update all the hundreds of episodes at in one go just by editing their own component. Rid Yeah. That seems like, to me, and and all that good stuff, and TypeScript out of the box. And this is kinda what I've been asking for for a long, long time. And there's rid Some, like, weird area in life that everybody uses IE11.
Wes Bos
ability to just edit all my blog posts directly in in my editor. I was ready. Writing most of my blog posts in markdown inside of WordPress for years already, so moving them over wasn't a big deal. And, also, rid. HTML is also valid markdown, so that was not a big deal to move those over either. So, yeah, I would I would throw them in markdown.
No need to support IE11 anymore
Scott Tolinski
My optimistic brain says if everybody just stopped supporting it tomorrow, the people who are using it would have to move on to something else. And those lazy system administrators who require IE 11 because they don't wanna do their job or something,
Scott Tolinski
annoyed at them. I just tried to use Apple Pay in our web app, rid And they to my custom personal website, and I wanted to know if there is a best practice for storing blog posts.
Scott Tolinski
is,
Scott Tolinski
Also, will there be Now that's not gonna allow you to access dev tools and stuff like that, but it'll at least give you an access to click and and try it out. So those are the options I have. I Wes has some some more options if you're not using any of those things. But for the most part, that's Typically, how I do it, I'll fire it up in the simulator, an iPhone port, and then a just a USB and we pay out, rich. We're we're very favorable to the author. So You're gonna get rich. You're gonna get rich. No. You're you're not gonna get rich. Prior expectations, rid. But it will be, you know, a valuable experience, and and we'll be paying you as well. We're not paying you an experience. So, level up tutorials will have the link in the show notes For the author submission form, you'll probably hear me talking about this in more episodes because it's a big initiative that we're doing. And along the same lines, the course for level up re Quarrels that I'm going to be plugging this month is going to be on GitHub actions with Brian Douglas. Now if you don't know about Brian, I did a quite a big tour of node
Scott Tolinski
a new lowest common denominator that we should be aware of in rid Support. Okay. So first question here
Wes Bos
So lowest common denominator, I don't know. It's not the same situation as IE, but there are very real reasons why Safari is of a bummer to work in. Yeah. I'll talk on the Safari thing right away. It's like, I I don't like saying that because I hate being the, like, guy who rips on Safari and, rid Safari and Safari is a new IE. I used it for, like, 2 months just to give it, like, a a fair shake. You know? It's like, I hear you. Yeah. Yeah. And, Unfortunately, it it kinda is. Like Scott says, whenever there's an issue with either an API not being supported
Scott Tolinski
which, you know, people are are lazy with OS updates. So you're inherently gonna have people that lag behind rid On demand, it is so cool. I've been a personal user of Cloudinary
Scott Tolinski
The,
Scott Tolinski
is going to be dropping support for it in their own applications, Annoying.
Scott Tolinski
way because sometimes it does it for your privacy. Sometimes it does it, because of APIs are not being Solidified yet. There's very valid reasons why Safari is lagging behind in some areas. But in my experience,
Scott Tolinski
features that come, but not only that, Safari Because If you all of a sudden say, hey. By the way, I'm leaving. You can pay me more to do the same stuff now. That's not gonna be like a great way. I've seen this work in practice.
Scott Tolinski
do you think developers should still try to support I e
Scott Tolinski
But in reality, that should tell you you're it's pretty overdue for you to drop support for it. Rid Is there a new lowest common denominator? I don't know. Wes is gonna roll his eyes because I'm going to say Safari.
Scott Tolinski
does not support things the same way that Chrome and Firefox do. Not that it's always the wrong
Scott Tolinski
make it such a chore to get Apple Pay up. I mean, you have to have an account that is not associated with any Apple account. So, like, I had to create an email just to create a sandbox account to test Apple Pay, and then I had to generate certificates and all sorts of Wild stuff like, just give me an API key. Just make it an API key. Come on. Yeah. Yeah. Totally. So the question ready. About IE 11, should you be supporting it? I don't think that it's as big of a deal as when we dropped, like, IE 6 and IE 7 because at the time,
Scott Tolinski
A big old giant capital no. No.
Scott Tolinski
just the the support in general for PWAs, Rid I I doubt. Yeah. Because, one, they're really long. They're so long. These ones in particular are what? They're 10 feet long. So, like, I'm pulling this thing out of nowhere, and, you know, could It it feels like it's the longest cable I've ever had because the ones that the manufacturers give you are dinky. And so, you know, these things had just been really, really
Scott Tolinski
if something does not work, It's almost always in Safari first.
Scott Tolinski
and rid I don't know. I I I like Apple Apple fan, but there are, like, moments where I'm, like, so
Wes heading to cottage for spring break
Scott Tolinski
2021? what do you do? Well, re If you really wanna test a real
Scott Tolinski
or is it no. S b 21. What's that? Spring break 21,
Wes Bos
and we didn't get March break because things are crazy. And, usually, everybody goes to Florida for March break, rid We have March break in Canada and or at least Ontario,
Scott Tolinski
You know, Texas or or some of those places in in California that would just be, like, you know, totally wild,
Wes Bos
Oh, s p. Oh. S b.
Scott Tolinski
and, they would always, you know, re s b o four. So, like, when we went on our our crappy little vacation, we were just chanting s b o four the whole time as if we were, like, doing something cool. Yeah. Oh, that's great.
Safari often new lowest common denominator
Wes Bos
Should you support it? I mean,
Wes Bos
Like, yeah, dude. You're not supposed to do that. Ready. My back end like, this was probably 2 years ago. I I had already dropped I eleven, and I got an email from somebody who was A manager, they had bought a team license. They are trying to distribute the team licenses through my course dashboard.
Wes Bos
would be made because they're not frustrated with the UI. So, yeah, there there we go. I think I think, yes, you can drop it,
Wes Bos
along with the rest of the web, the they will stop working. Like, I even wonder, like, I'm gonna install a VM and and start cruising around on I eleven and see how much of the stuff even so like, What is it? Go to level up tutorials.com
Wes Bos
issue there. Rid. But most of us aren't doing that type of stuff. Most of us are just building websites where
Wes Bos
Rid. You can use our special URL, which is sanity.ioforward/ it's got support for WebSockets
Wes Bos
Thankfully, but check your stats just to be triple sure that you're not in some, like, weird, sometimes faster just to open up the simulator because then you don't have to And what I would like to do is rather than having to copy paste the re content into every single One of our sponsors today, Sanity, you should be looking into that or something like Nest JS
Wes Bos
Sanity is the structured content CMS. That was a that was an awesome transition there, Scott. Let me You were transfixed. Yeah. I gotta put you in a this stuff was coming from, and then it gives another random
Wes Bos
10 years old, and they were using, like, proprietary be able to give you some sort of optimization.
Wes Bos
Yes.
Wes Bos
it's like a really wicked
Scott Tolinski
really performance heavy If you're doing that kind of thing too. But if you're working with IE 11 still not getting to use CSS variables, not getting to use rid CSS Grid or or Flexbox, that would make you go nuts. And luckily, one of our sponsors today is here to bring some sanity, and that is Sanity.
Wes Bos
CMS UI out of the box, But then you can go ahead and extend the thing. You can customize it to your heart's content because you have full control over the code. It's like the perfect An app where I can implement it, because that's what I did with my my SICK FITS application. When I was, like, figuring out which There were applications the Internet.
Wes Bos
which allows you to
Wes Bos
Sanity is a structured content CMS. One thing I like that they say about about themselves is they say it's built to be built on. So this is a tool that will you sign up, and you can create your schemas. You can relay all your data types. You get this really sweet thing called Sanity Studio,
Wes Bos
Balance between done for you and having full control over everything that you want. So if if you're working on a project where he got into an accident in a rental car?
Wes Bos
certain point, you gotta look at it and say, alright. These users are
Wes Bos
syntax.
Scott Tolinski
So I'm like she's like, oh, it looks looks weird.
Wes Bos
I don't think that there There's a whole lot of code out there anymore
Scott Tolinski
Yeah. I I mean, I think you're dead on, let's say, like, if it's if it's something very important, So I probably would not worry about it. Rid. Yeah. If you're caching the data and whatever, I don't know, it's it's not worth your time going into something that crazy custom.
Wes Bos
And if you need, like, a, basically,
Wes Bos
that were
Wes Bos
of that that place, thankfully, in terms of, like, standards and and whatnot so that we don't have to support these older APIs, which is great. So, like, I don't think it's as big of a deal.
Wes Bos
the free usage here, which is amazing because your little side project, it's gonna blow up, and you're gonna be happy that you signed up with the syntax link because you got double the free usage tier. Rid Thanks so much to Sanity for sponsoring. Cool. Alright. Next question is from Benedict.
Scott Tolinski
Thanks for the awesome podcast.
Wes Bos
Obviously, that was money in my pocket that would be,
Wes Bos
a CMS back end for your project, you should check out Sanity at sanity.io.
Scott Tolinski
and start crying. My I was at the bank getting a a checking account, and the bank teller pulled up my website 911, and I was just like, oh, please don't do that. Yeah.
Wes Bos
APIs that were only available
Welcome to another Potluck episode
Wes Bos
CSS, we're seeing the amount of IE 11 traffic dwindle off. And,
Wes Bos
error exception and performance Tracking and Cloudinary
Wes Bos
Welcome to Syntax, the podcast with the tastiest web development treats rid Out there, we've got another potluck for you today. This is where we answer your questions about JavaScript,
Announcer
and Wes Boss.
Wes Bos
online image hosting transformation, rid I charged my phone, and it's like the sun,
Wes Bos
amazing service in general. Talk about all of them partway through the episode. How you doing today, Scott? Oh, hey. You know, my whole week is thrown into chaos. Our, Mapping and all that good stuff. I just
Wes Bos
Freelancing,
Transcript
Announcer
You're listening to Syntax, the podcast with the tastiest web development treats out there. Strap yourself in and get ready.
Announcer
Zielinski
Test mobile sites on real devices, not just Chrome emulator
Wes Bos
that's another issue that I've literally had before, and, it's tricky. Yeah. Next question we have here is from or something just not working the way it should be, It's always Safari, which is unfortunate.
Scott Tolinski
Any advice on how to accurately test sites on mobile devices without pushing to a production branch? Yeah. This is a good one. This is something that is it is important to do, especially with,
Wes Bos
Explicitly open up ports on your computer and forward them. You're not gonna be able to access them. But if you're on the same network, meaning that your iPhone or whatever is rid Connected to the same same Wi Fi network as your laptop,
Scott Tolinski
Your podcast has been a huge help in getting started. Well, thank you, Brian. For the website I made, I tested an iPhone
Scott Tolinski
It's on your computer. You could connect the simulator to even Safari's And I would say there's a reason why just about every site we did at that organization I love it. Yeah. I know. I I I find the JavaScript to be fairly tasty myself.
Wes Bos
In my case, usually, what I'll do is I'm running the server anyway, and like Scott says, you just have to find the network IP address that's different from your, rid. Like IP address, like, if you go to IP chicken .com or whatever, that's your that's your, like, router's IP address. And unless you that welcome thing instead of actually go through to the webhook.
Wes Bos
phishing and spam reasons.
Wes Bos
I think a lot of people use local tunnel for
Wes Bos
And that has Local Tunnel built right in. You can also just install Local Tunnel. It's free. I believe if you want a consistent URL, Chrome's engine will rid. Realize that you're doing the same thing over and
Scott Tolinski
iOS devices, you may not know this, but every single browser on an iOS device is Safari. Apple has one one browser and it's Safari and all the other ones are just like shells on top of Safari. It's the same thing with their keyboard, and I hate it.
Scott Tolinski
use the simulator,
Wes Bos
you almost always will be able to just view the website,
Wes Bos
IP address is. You can also just go to the network.
Wes Bos
So then once you have it on your phone, I should say, you can open up Safari, and, unfortunately, you have to have a Mac for this, which is, like, another reason why I think you should. Rid Every developer should have a Mac. I don't know. You can use Windows obviously as well, but testing Safari is is really tricky if unless you don't wanna pay for some service. But once you have it open, you can open up the Safari dev tools, rid Identifier. And like I said, we are not Scott said, we're not generating these ourselves. This is done programmatically
Scott Tolinski
So
Wes Bos
Anan. Do you guys ever see your premium courses pirated on Sites like Udemy, Skillshare, any of the other video course platform, meaning someone downloaded your videos and uploaded them as they're the creator. Any tips to protect this? Absolutely.
Wes Bos
Browser sync is a tool that I use to just automatically refresh stuff, kinda like Parcel, lean towards should be that's, like, a humanitarian
Wes Bos
So every now and then, local tunnel will throw up a little read. Click here to continue. This is a this is a test website. Don't put your credit card in or anything like that. And because of that, I was having trouble with pinging webhooks because it would throw up that
Scott Tolinski
So for those of you who who, who aren't familiar, Brian's talking about when you inspect element, there's a little device In the in the preview window, you can click the device, change the device, and it puts your website in the size of the window that the device is. However, when viewing the website in an actual iPhone, the button is too small and the work menu turns into men.
Scott Tolinski
which I, I I did mention, but what I didn't mention is that you need re code installed to have the simulator, but once you have Xcode installed Oh, yeah. You can install the simulator from Xcode. Just Google simulator Xcode install, And then it's just an app that runs. It's an iPhone emulator on your desktop. It's really good. Like, it's not It's an iPhone. Yeah. Chrome is not an emulator. Crow all that Chrome is doing is It's emulating the screen size and nothing else. You need the actual
Scott Tolinski
or I'll have, like, a a staging branch that I'll push it up and just try it on the staging branch, although that's pretty inefficient.
Wes Bos
expose
Scott Tolinski
the best way to do that would be to use the simulator.
Scott Tolinski
Another thing you can do is basically serve this over your own local network. And as long as you're on the same network, you can access this on your phone by visiting an IP address. Now one of the cool things that really modern dev tools gives you for instance, we've been using Vit, the potluck. Just imagine you had a potluck, and you just had a Jetson's pipe, and you just pulled that pipe, and all the food fell out ready. There you go. Alright. Now is the part of the show where we talk about sick picks, where we pick things that are sick. I'm going to sick pick something today that Wes re turned me on to a little while ago, and I bought one of these packets of this thing. I don't know if this is the same one you have. I think this is my just maybe like a general thing. You might have rid The educational institutions will go for something like Cloud for Flare Workers. When I worked at the University of Michigan, we had pretty rid Strict guidelines in terms of what we could use, and literally everything had to be self hosted inside of
Wes Bos
You can go to your network connection and find out what that is. And then when you visit that, Example is that our sponsors are in every single I got one. I don't know. I'll link it up in the in the show notes. But this one has 3 different speeds in it. It works really well, and I'm so happy
Wes Bos
and you can open up Really like that. Even if someone's not gonna sit down and buy my course and take the whole thing, they can still get a little bit of benefit out of it by learning a thing or two about rid What this person had learned in it. So absolutely go for it. The only thing I'd say don't do is, like, don't rerecord my course rid And then sell it, which people have surprisingly done before.
Wes Bos
Have your phone open and keep picking it up and unlocking it and whatnot. Yeah. A lot of people don't don't their phones handy or I don't know. Rid. Also, if you need to debug it while you're on the phone with somebody, look at your users. Our if for some reason, you have a huge portion and it's gonna You're gonna take a, like, a 10% cut in the amount of revenue that you get because you're dropping IE 11 or if there's like a like rid Like, should a COVID vaccine scheduling thing support IE 11? Absolutely. Not a certain not a single person
Wes Bos
doesn't exist on your, your phone, so it's not gonna be able to load that. So rid If that's the case, then you have to use re You have to pay for 1. So if you want, like, WordPress test .localtunnel.me,
Wes Bos
your URL
Scott Tolinski
Vit, when you start up a Vit instance, it says, alright. Your site is available. Rid A local host port 3,000, and on network, it gives you an IP address with a whole
Wes Bos
your local host to
Wes Bos
sometimes,
Scott Tolinski
Because of that, you don't get real Chrome. Meaning, The Chrome rendering that you're getting in the browser is just a good estimation of it. It's a good estimation of what it's gonna look like. It's being rendered with rid Chrome on your your desktop and on your phone is being rendered with WebKit and Safari.
Wes Bos
then you can just type go to your terminal, type in ifconfig Nest and what's the other one that's built on Next. Js? try it out myself rid. Just because I'm looking at the the features and whatnot, it seems very polished. It seems like it has probably benefits in the JavaScript engine itself, right, in in v eight. Like, rid. If you have a function that runs So that would be my thing is don't worry about regenerating, I would probably say. What have what have you, Scott? Yeah. I I agree. 100% agree. Read. I think what you're looking for is the straight up server side rendering
Scott's week thrown into chaos due to COVID exposure at kids' school
Scott Tolinski
Really feeling the flow, and now it's like, oh, boy. Now we gotta, like, put everything on hold for a little bit, but we're all hanging on. That's how it is. And, other than that, doing good doing good. How about you? Pretty good. Pretty good. We are about to head up to our cottage next week for a week because our our kids had, like,
Scott Tolinski
test at our our children's school. So now the kids are home this week, and, there
Scott Tolinski
unexpected positive point, and I just ordered a whole bunch more. So I gotta give a shout out to 3 in 1 braided multi cable multiple charger cord connection micro USB for cell phones and more.