Youtube comments of Wes Bos (@WesBos).

  1. yeah they dont ship to Canada unless you are a business. You gotta use Fastenal in Canada, which hates it's customers
    448
  2. Awesome approach to looking at this - I will mention this video in our podast :)
    244
  3. I actually did that probably 8 years ago at a conference...
    236
  4. FOLKS! What do you think of this style of video where I record it as I figure it out?
    124
  5. Y'all should smash that subscribe button, eh?
    84
  6. 7 years :|
    82
  7. honoured to have won this - thanks for having me!
    77
  8. šŸ‡ØšŸ‡¦šŸ‡ØšŸ‡¦šŸ‡ØšŸ‡¦šŸ‡ØšŸ‡¦
    59
  9. ā€‹Ā @JagaSantagostinoĀ  and then users leave it open for 9 days straight - kinda like desktop/mobile apps.
    49
  10. only if you subscribe
    44
  11. Yeahhh!
    42
  12. I've seen this comment a million times, Next.js !== Vercel. Of course it's easiest to host with Vercel, but very doable to host on your own servers or other hosts - especially with OpenAI's Engineering team. I've have apps running on Cloudflare and Render Droplets.
    37
  13. So the "bug" I hit was because I didn't save the file. I'm a professional folks. Don't forget to like and subscribe
    37
  14. Kind of interesting move since ChatGPT needs to render all kinds of stuff on the client and needs a package for each complex type. Syntax highlighting for example - some good demos where you just send back the highlighted HTML and don't need to load the highlighter package on the client.
    32
  15. Subscribe if you want to see Day 3! What should I use for the frontend? React? Vanilla JS? jQuery Mobile šŸ¤£?
    32
  16. Ā @atilkanĀ  I am very cool actually
    32
  17. the most hilarious part is that Remix has already said its "going away" and turning back into react router
    31
  18. FIRST
    30
  19. button { cursor: url('https://fav.farm/šŸ–•') 15 0, auto; }
    29
  20. except Vercel has a large chat product called v0 where the server rendered parts really shine
    28
  21. Canada bro!
    26
  22. They are using the Remix server though: Data Loaders, Hydration, routing, URL hooks, hosting adapters, 404 pages, etc... you lose most of that going 100% SPA without a JS server
    26
  23. This sounds like our podcast
    26
  24. Lots of comments trying to solve it without actually watching the video. Watch the video first to see why your solution might not work šŸ˜˜
    25
  25. What should we do in the next one?
    24
  26. Ā @Ss-zg3yjĀ  intended
    24
  27. šŸ˜
    23
  28. That is what the other 28 videos are on JavaScript30.com
    22
  29. Ā @weiSaneĀ  soon they will just run the models on our computers instead
    19
  30. Y NAWT UZE A PACKAGE?! So I'm sure there is some package that does this, it's not necessary and I want to be able to show people how to make their own hooks :)
    18
  31. Good question - You use Map when you want to return a new, modified, array. You use foreach when you just wish to loop over an array or list of items.
    18
  32. Thatā€™s the beauty of JS fundamentals
    17
  33. Use a motion library to overlap two elements?
    17
  34. so sorry shabz
    16
  35. because if I did that, you'd comment the opposite Just joking - thats a good improvement
    16
  36. ok :)
    16
  37. I know about this, but I want guests to wait in the lobby. I donā€™t want Scott - my co-host - to wait in the lobby
    14
  38. Firefox doesn't have :has() yet - they have indicated they will work on it in the "first half of 2023" - so hopefully soon! Doesn't stop you from trying things out!
    14
  39. I fixed that today!
    12
  40. The incremental step to rendering HTML on the server vs JSON isn't much, and if anyone has the compute for it, it's OpenAI.
    12
  41. Ā @Ss-zg3yjĀ  Its not drama, we're learning how to best make flexible layouts!
    12
  42. Another really good dock - especially for macs - is the Caldigit TS3+. Running two 4k montiors, audio recording gear, hard drives and many other things all from a single dock. It's expensive, especially the TB3 cables, but it's great!
    12
  43. My courses are already accessible world wide - I even have discounts for dozens of countries where itā€™s expensive.
    11
  44. Ā @valikonenĀ  Probably never - did you see the survey - it's dying! šŸ¤£
    11
  45. lol what are you doing watching a video on JavaScript then?
    10
  46. I checked - It doesn't trigger any painting when visibility hidden. I don't see the issue?
    10
  47. Always flexin'
    10
  48. what a cool guy doing this talk
    10
  49. Thanks so much - means a lot to me!
    9
  50. Pretty soon!
    9
  51. Lulz and smiles
    9
  52. It's in Chrome now!
    9
  53. I think im gonna do this on DO with nginx and pm2
    9
  54. Follow me on Instagram so we can test if this thing actually works ā†’ https://instagram.com/wesbos
    9
  55. Lots of vids the past few weeks šŸ˜ƒ Hope you are enjoying them
    9
  56. Agreed, but Iā€™m all for everything getting better
    9
  57. just realized I use readFileSync instead of readFile from fs/promises. I'm not using the async version and would be blocking other JS in my app. Not an issue here, but generally not a good idea to use those
    9
  58. positively, right?
    9
  59. Ā @flammea_Ā  Ohhh haha yes you are right! Its error lens! Here are my customizations: https://github.com/wesbos/dotfiles/blob/master/settings.json#L134-L150
    9
  60. it gets the "real developers" all red in the face
    9
  61. I bet those images are still around from it being a print asset, so it had to be grayscale
    9
  62. Nope- the bots just want HTML and this does that perfectly. In fact there is lots of research on how good website perf HELPS SEO
    8
  63. lol its actually a package already. npm install boxen
    8
  64. I've used it quite a bit - both as a coding companion to really speed me up, but also for the new Syntax website. Summarizations, Topic headings, hash tags, similar episodes, asking questions like "When did wes mention that bug tracking software and what was it?" If you think it's a glorified search engine, you probably aren't realizing all the little spots in your workflow that can either improve quality, or speed you up ā€” and I don't mean that to be rude, but more of a little nudge to give it more love because it's certainly not something that is all-hype and will go away. I say that as an extreme skeptic of many new things, including web3
    8
  65. Quokka! Its awesome
    8
  66. agree, the baseline has changed
    8
  67. I'd use exactly the same stack
    7
  68. Thanks for the feedback Dan - hope you mind isn't too loose.
    7
  69. thanks man! Stay gnarly!
    7
  70. Ā @ReiZruĀ  OH man. I tried it. It pukes them up to be siblings. So thankfully, no.
    7
  71. nuts eh? I meet developers who have never used jQuery in their career - let alone ever heard of YUI!
    7
  72. great idea!
    7
  73. Oh that's a neat option - figure out all the keys upfront, and then unique them with a set. Then you don't have to check if it's the first time you found a name,
    7
  74. Should have used php
    7
  75. nope - I used Type here because you can't alias with an interface
    7
  76. Glad you like them! Will keep doing them
    7
  77. Ā @DocuFlowĀ follow me on bluesky!
    7
  78. Coming soon
    7
  79. 7 years late, but this is an old demo using the accelerometer API. Old macbooks had an accelerometer for their spinning HDD and you could access it in the browser. So I made a demo to move the ball on the screen based on how you tilted your macbook
    6
  80. +Yu Xue sublime! More info at wesbos.com/uses
    6
  81. +Bruno Genaro In sublime if you highlight anything and type a quote or a bracket it will wrap it with the at type of quote/bracket instead of replacing it.
    6
  82. It's Cobalt2 for ZSH + iTerm. I wrote a bit of info here ā†’ http://wesbos.com/uses
    6
  83. Nah you are missing the entire point
    6
  84. input is def the better event here! Change one triggers when you blur the input. No need for mousemove either
    6
  85. lol nah. hes also listed as the 3rd investor of Vercel
    6
  86. I deno about that
    6
  87. thats a good way to put it!
    6
  88. yep - the communication is just for the SVG because it needs to know where to draw the next line
    6
  89. const [,secondItem] = someArray;
    6
  90. Not the case - read the description, you just donā€™t use it on semantic elements like headings, buttons and tables. Use it on wrapper elements. It has full support
    6
  91. SOON
    6
  92. +Maximilian Lloyd No you are ā˜ŗļø
    5
  93. Alfred Ayache I love Dev Tools Tips for little things like this! https://umaar.com/dev-tips/
    5
  94. +LevelUpTuts Thanks Scott!
    5
  95. Thanks so much!
    5
  96. Quick little tip on how to use the clipboard history feature in Sublime TextĀ Sublime Text Clipboard Copy + Paste History ā€” Quick Tip
    5
  97. They are all on Youtube :)
    5
  98. Operator Mono in Sublime Text. I wrote a bit of info here ā†’ http://wesbos.com/uses
    5
  99. Bruno Vernay It's a popular project, but if you are worried just open https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh and copy/paste the install script yourself
    5
  100. Iā€™ve not seen most movies. Star Wars/trek (same thing), lord of the rings, Harry Potter, etcā€¦ too busy making stupid apps in JavaScript
    5
  101. EZ ā†’ div class=" [&:has(:hover)>*:not(:hover)]:bg-black"
    5
  102. ā€‹Ā @clamentjohnĀ  which features? It's pretty close - even the RSC revalidation stuff works really well. Plus cloudflare's node compat is very close to node as well
    5
  103. Very similar, the only difference is that this runs before the DNS resolution which allows me to run serverless functions on a domain which points to a server I don't control
    5
  104. What are your concerns? We are using plain HTML inputs and DOM APIS. Pretty clean IMO. Usually super custom inputs need lots of extra attention, but this is standard web
    5
  105. Ah sorry, I had a setting flipped on my virtual mic interface!
    5
  106. Yes - Iā€™ll deal with that if and when šŸ˜†
    5
  107. It's called mind node. It's what I use to lay out my thoughts for a video or a course
    5
  108. Very true - its always just shown adding numbers, but in reality reduce is just a big pot, and you can cook anything in it!
    5
  109. Yep!
    5
  110. ā€‹Ā @sagivbengiat6190Ā  Yeah I don't buy anything especially because there are two other routers to choose from and you can also configure react router in the same way shown in the video if you like. At the end of the day it doesn't really matter - I don't get romantic about frameworks. I talked to sacha about the angular numbers and he has a good explanation for them being lower then they probably should be - will be on syntax.fm in 2 weeks šŸ‘Œ
    5
  111. yep exactly, plus no need to load deps or do logic on client. Lots of good reasons to do it on the server - and I think it's the future for most apps. ChatGPT just has their own set of problems to solve and made this decision
    5
  112. It's called Fig, been trying it out for a few weeks! https://fig.io/
    5
  113. Its coming - recording RIGHT NOW :D I have about 7 more videos to make and then it's released!
    5
  114. Shea Bunge Unfortunately not because we need the entire area to be clickable / tap-able - making just the words clickable but the whole thing change colour on hover would be a really poor user experience
    4
  115. Joseph Silber Ah yes - this is much better than adding an additional element - I'll record an extra video amending this but this video still stands on how to nest flexbox. Thanks!
    4
  116. +Joost Schuur oops! Yes I meant mlab
    4
  117. +Tom Hoadley Yes - I've got a blog post about that. The difference is that default can be imported as any name, while with named exports, you need to know the name. http://wesbos.com/javascript-modules/
    4
  118. It's a red tape nightmare in Canada - I did try but failed. It's just PayPal at the end of the day. Seems better in USA but not for us
    4
  119. Yep - very good point. Only undefined will work here - null, "", and false are still values
    4
  120. I've got a really good mic - what don't you like about the audio?
    4
  121. Glad to hear you liked it! I'll be sure to do more
    4
  122. gonna make one :)
    4
  123. nice! You dont see do while in JS very often
    4
  124. Donā€™t array shame me
    4
  125. someones gotta teach it how to do this
    4
  126. Youā€™ll get faster as you get more practice šŸ˜€
    4
  127. your position absolute wont be able be vertically centered and wont take into account longer loaders. Plus that absolute is absolutely burning up the GPU and melting the penguins more than bitcoin šŸ¤£
    4
  128. Hah I use that a lot but not sure why I didnā€™t do it here
    4
  129. he says thanks
    4
  130. Awesome thanks Burke! Excited for this
    4
  131. Sorry about that
    4
  132. you are right - it can be removed. Not needed by parcel
    4
  133. The only difference is that the spread looks cooler
    4
  134. Lol have I been reading that wrong my entire life?! Of course I have
    4
  135. Yeah - some frameworks will allow you to pre-load links that are in the viewport - can get expensive from a hosting perspective though.
    4
  136. Glad you like it! It's a little different from my tutorials as this is drawn out, but I know there are some nuggets in seeing how someone approaches a fresh problem
    4
  137. Other inputs inside the select - you can, I tried it with a checkbox called "Mega Party Mode" and it still submits properly with both inputs. If you are just using it for the fact that it's a dropdown, you might be better off just using the new popover + anchor APIs - which is what this is built on. Videos/Audio - yes absolutely
    4
  138. you ned a website, why not build it yourself?
    4
  139. Thats what I hear from a lot of people - though most of the other features in Sass are/will be supported as well. Gonna do a syntax.fm podcast on it
    4
  140. We will do a more indepth chat about it on Syntax as well :)
    4
  141. 16 gigs!
    4
  142. This isnā€™t the case for our code here because the pasted value is a string. A string of ā€œ0ā€ is truthy unlike 0 which is falsy
    4
  143. 1) yep! 2) Yep - it's next!
    4
  144. I'm betting they don't need to be dynamically generated since their categories don't change very often. I used to use one called SpriteCow, or Lemonaid in my Sass files. I think Potpack is a popular one in the node space right now.
    4
  145. āŒ˜ + D
    4
  146. I was a freelance consultant for about 10 years and made courses for about 6 of those - been just working on my own course platform and making courses full time for about 2 years now
    4
  147. I'm mostly kidding. It's just another tool that helps us developer build better things. Imagine the things you could build if you can write code faster and more accurate
    4
  148. These people are the true hosers
    4
  149. We all deal with rejection from time to time
    4
  150. ā€‹Ā @KonstantinDankovĀ  I think he means that there is a tailwind class for it - there is a bunch of new stuff that tailwind doesn't "support" so you gotta duck out of tailwind and write regular CSS
    4
  151. The Next.js server paradigm doesn't fit their clientside app, so you would be constantly jumping through hoops with Next.js to make it work, especially now with React Server Components. The Next.js did work very well, but they must have made the decision so they could have their devs be happy, move fast and ship features
    4
  152. Glad to hear it!
    4
  153. Yep - its' 83.7% done!
    4
  154. Yep - you'll need to signup at LearnRedux.com to get access. I've got a webpack course on the way. If you put your email into LearnRedux.com you'll hear when it's launched - I only send a few per year :)
    3
  155. Š Š¾Š¼Š°Š½ ŠØŠµŃŃ‚Š°ŠŗŠ¾Š² Thank you!
    3
  156. Yep -you'll get access to everything at LearnRedux.com
    3
  157. I've seen that too - Flexbox is hard to polyfill and I can't imagine it would work very well at all. Plus it hasn't been updated in 2.5 years.Ā 
    3
  158. S A Bokhari Thanks :D
    3
  159. Cobalt2 I wrote a bit of info here ā†’ http://wesbos.com/uses
    3
  160. +Accro Thanks so much! It's Cobalt2. I wrote a bit of info here ā†’ http://wesbos.com/uses
    3
  161. I mean that the children need to be unique, so it doesn't matter if another photo's likes are the same. It's only important that the siblings do not have the same key otherwise the animation would not work
    3
  162. +CUZ PAIN The PHP isn't going anywhere, but the templating will eventually make it's way to the client
    3
  163. +Ricardo Onodera sorry for the trouble, I fix this the other day. The videos are two higher resolution for some devices to play so I bumped it down to 1080 P
    3
  164. You would need to use a Thunk for this - check the last video
    3
  165. I wrote a bit of info here ā†’ http://wesbos.com/uses
    3
  166. big fan of West Haven!
    3
  167. Mathias Horrigan Nope - that works too! Both work great
    3
  168. +enogael I'm afraid you are wrong :)
    3
  169. It's cobalt2!
    3
  170. Nicely done! I had no idea you could do it with just regex instead of building one - I'm really bad at regex haha. Thanks Joshua!
    3
  171. Camilo MuƱoz Donoso Thanks Camilo! Glad you enjoyed them!
    3
  172. I've got a blogpost on it! ā†’ ā†’ ā†’ http://wesbos.com/emmet-react-jsx-sublime/
    3
  173. Thanks šŸ˜˜ means a lot
    3
  174. Thanks Zayne - you are awesome! June - I wrote a bit of info here ā†’ http://wesbos.com/uses
    3
  175. +Tyler Silva Operator Mono! I wrote a bit of info here ā†’ http://wesbos.com/uses
    3
  176. Probably not - it's not something I'm interested in, but that might change :)
    3
  177. šŸ˜Ž
    3
  178. Haha everyone wants to know!
    3
  179. +AdamFiregate Thanks a lot Adam! Glad you enjoyed it! Stay in touch!
    3
  180. Butch Anton haha - oops.
    3
  181. +ojassvi chawla Thanks for the kind words!
    3
  182. Ahhh thank you! I was wondering
    3
  183. No - weā€™re kinda jealous of PHP right now. But the hype here is that you can easily transfer from client to server with a single language and a single tempting language. Def possible with livewire types in PHP but you still need JS
    3
  184. It actually will give you references to where it found functions in many cases
    3
  185. probably - it's fine though :)
    3
  186. Yep! it's detructuring, and the ...data is called a "rest", where we "collect the rest"
    3
  187. šŸ˜†
    3
  188. Always been here! Just haven't posted on Youtube in bit šŸ˜€
    3
  189. yeah this is true with all serverless functions - but the point is that they will just regenerate themselves when that happens. Will see how it pans out - will do a 6 month update!
    3
  190. Multiple is a standard for select as well - though checkboxes are a more common UI pattern
    3
  191. roomba's lawyers are probably just vacuums with suits
    3
  192. Can you also download and install GTA in 200ms? L take - we can get 60fps easily in the browser too, but that isn't what this stat is about
    3
  193. That's the plan!
    3
  194. I wrote a bit of info here ā†’ http://wesbos.com/uses
    3
  195. dark mode sucksssss
    3
  196. The cursor tab completion is excellent. Copilot added this as well yesterday, but I havenā€™t had a chance to evaluate it. The tab completion is better than agents for work where you need to steer and refactor with more control
    3
  197. @ oops
    3
  198. It's actually funny because I could not get Cursor to generate this approach either :\
    3
  199. A set won't filter out based on a property of an object. It filters out like values like numbers, strings, booleans and references to objects
    3
  200. Never used it - itā€™s supposed to be pretty good
    3
  201. Hah yah, its a really old one
    3
  202. Soon! A few days
    3
  203. Yep! Thats the beauty of all these new parts of HTML + CSS - very easy to control with CSS and that include animating from a display:none; start
    3
  204. Good thing you watched the video šŸ˜€āœŒšŸ»
    3
  205. definitely a fun project!
    3
  206. Itā€™s a plugin called better comments. You write regex rules and the apply new styles. I have them for ā€œmethod, exercise, solution, problemā€¦ā€
    3
  207. This is MS Edge dev tools - but all browsers will show yo this info
    3
  208. MS Edge - its the Chrome dev tools but they skinned them so nicely
    3
  209. šŸ˜† great question. When they stop hiring developers we will know
    3
  210. Certainly a good option if you can control it like this
    3
  211. It's called Error Lens. More details here: https://twitter.com/wesbos/status/1585650063715356673
    3
  212. definitely - then you start to think about how they integrate into pricing, shipping, CRM, and suppliers for 700,000 products. wild.
    3
  213. šŸ«Ø I timestamped it at least?
    3
  214. No - they are still using the server part of Remix to collect the page data with loaders for a fast initial load, auth, routing, caching, etc.. A lot more than CRA
    3
  215. Thank you! Glad you are enjoying them
    3
  216. The ideas I have for integrating it with 11labs are endless
    3
  217. My drone video uses all three of those :)
    3
  218. The insulation guy said with the windows I might not need an AC, especially because the temp up here drops in the evening and then gets real hot in the day. I had it wired to handle an AC, so that is an option if I need to go that route. Bugs get bad in Late May/June and then are gone in July :)
    3
  219. We tried that with grid-colums - watch the video šŸ˜€
    3
  220. Caddy Server. Its really nice because you get proper secure origin locally, which is important when doing things like accessing the webcam
    3
  221. Yah def gotta have a few of them to have any sort of fun
    3
  222. Thank you!
    3
  223. Thank you Harald - will give the terminal stuff a retry. Awesome work on getting this out - excited for future updates
    3
  224. You should watch the whole video!
    3
  225. I wrote a bit of info here ā†’ http://wesbos.com/uses
    3
  226. If a website cares that you hover a button, they will track it - most do.
    3
  227. The soft here is important. A few people on twitter suggested --hard, but that would make me lose all the work of the commit
    3
  228. Nah- itā€™s too far from family, friends and school. Itā€™s fun to be here in the summer because we have lots of company
    3
  229. good comment - thanks for this! I mentioned a few other places that I'd normally use an aria-live region anyways - but alas out of the scope of this video.
    3
  230. Midjourney with the ā€”tile flag. I have a little app on github called tile buddy that scales and tiles and then exports to png
    3
  231. Chrome dev tools
    3
  232. yes! I already fixed this but haven't re-exported it yes. Thanks - wes bus
    3
  233. not yet! Still waiting on Apollo 3 to be relased
    3
  234. yep, just `contents` in tailwind!
    3
  235. Someone on twitter suggested to use toBlob() instead f toDataURL(), which works on firefox for the text, but flickers like crazy on the BG. Also flickers like crazy on Chrome.
    3
  236. impressively fast! your match !== 'name' should be key !== 'name', but a great solve :)
    3
  237. I've got a whole series on that ā†’ https://Flexbox.io
    2
  238. Mr Semmler, join us!
    2
  239. +Krista Prenesti Yep - all of these tuts are 100% available on linux
    2
  240. Glad to hear it!
    2
  241. +Stephen Flee yeah I run it on my own site and I'm in the process of implementing it on my courses. Looking to see if I can put it infront of my CDN
    2
  242. Alexander Saldivar Glad to hear that! Thanks for the note :)
    2
  243. +pk pk It's Sublime Text and it is for Windows. I've got a book on it as well ā†’ https://SublimeTextBook.com
    2
  244. +Joshua Tonga Yep - exactly. Thanks Joshua. Just create the file with your editor instead.
    2
  245. Christian Genco The best!
    2
  246. +Govard Barkhatov I'm doing this full time now so within a month or two! What would you like to learn?
    2
  247. Sandro Mauchle You're welcome!
    2
  248. Anytime!
    2
  249. +Devin Chaves Devin! Its a private chat for the ReactForBeginners.com learners right now - so if you join that class you'll get an invite :)
    2
  250. +Marcel Robitaille unfortunately not - I wish you could and I've tried many a times!
    2
  251. +Shabz haha oops - forgot to mix to mono.
    2
  252. +Wallace Alves Moraes Sublime Text! I wrote a bit of info here ā†’ http://wesbos.com/uses
    2
  253. +David Karlsson Technically? Nothing. You can choose whatever works for you. The arrow function was created so you don't have to explicitly bind to this - keeps your code a little more readable.
    2
  254. +Mircea Pop Yeah good point! ES6 arrows also do a few other things. Here is one more: https://twitter.com/wesbos/status/656142886057062400
    2
  255. Operator Mono. I wrote a bit of info here ā†’ http://wesbos.com/uses
    2
  256. +Greg Wienecke Nope ā†’ https://github.com/wesbos/Cobalt2-iterm
    2
  257. ***** Oops - I had them backwards. I fixed it - thanks for letting me know!
    2
  258. Sublime Text! Ā I've got a book on it if you are interested in mastering it! http://SublimeTextBook.comĀ 
    2
  259. +Luan Costa has you rock! I don't even need to reply!
    2
  260. ***** Yes - this exactly. I found it backwards too at first!
    2
  261. +Imran Nazir lol sorry about the Nausea! Next one won't be as loud.
    2
  262. +Chris Brennan I love you Chris Brennan
    2
  263. You're welcome - glad you are enjoying it!
    2
  264. All good man! How do you think I fund the majority of my free stuff? get outtttta here
    2
  265. +avinash ranga Sublime Text - I've got a whole book on it - SublimeTextBook.com
    2
  266. Dale Adams Watch more tutorials! haha
    2
  267. Nothing really - parentNode is a little more well supported but I've got no reason why I chose one over the other
    2
  268. +workoutfanatic haha amazing
    2
  269. Operator Mono - wesbos.com/uses
    2
  270. Yes if you are doing larger app this could be useful - have a file called actionTypes.js and export all your strings as constants. I left them as strings for simplicity and because it has absolutely no impact on most apps.
    2
  271. +Maximilian Lloyd hahaha - I also look a little strange so it fits
    2
  272. +David Karlsson Anytime!
    2
  273. iTerm2 with zsh
    2
  274. +recession2009 You need * { box-sizing:border-box; } in your css - otherwise the padding of the wrapper takes away from the available space and causes the wrapping
    2
  275. +Govard Barkhatov hahahah its a hard word to say over and over!
    2
  276. Thanks! I use screenflow to record and edit
    2
  277. Good idea! Iā€™ll try it
    2
  278. Operator mono!
    2
  279. Speed, security, standard web API, no cold start, typescript. Those are the big ones
    2
  280. Someone already asked - you canā€™t nest them thankfully. The benefit here is that accessibility is built into browser primitives, way better than building your own and letting accessibility slip
    2
  281. Ā @evanmarshall9498Ā  thank you! more stuff coming soon!
    2
  282. Glad you enjoyed it!
    2
  283. it grows on trees up here
    2
  284. TIL!
    2
  285. Yep - I think I said that in the video!
    2
  286. Pretty soon - getting there! Thanks for the patience :)
    2
  287. Need to be in VS Code insiders build for now
    2
  288. Puppets terrify me
    2
  289. You should know both. I don't think it's true that flex dominates or that most employers need react native
    2
  290. I saw haha - Iā€™m letting it slide because it seems an almost undiscovered channel got traction with it - Iā€™m curious to see how it plays out. A big experiment
    2
  291. IT should work on Firefox - they have abandoned their own extension API and just use chrome extensions now
    2
  292. That's the plan next video!
    2
  293. Thank you! Will do!
    2
  294. Wow this is an old one! Glad you enjoyed it
    2
  295. web scrapers dream about undocumented JSON API endpoints. But yeah server rendered HTML is also great for scraping :)
    2
  296. .value is awlays a string. Use .valueAsNumber if you want it as a float
    2
  297. Quokka
    2
  298. Coming in hot
    2
  299. Great to hear!
    2
  300. Thanks so much!
    2
  301. Ā @nemethricsiĀ  Yeah I think Instagram blocks the IP address sometimes. I've noticed it with a few other similar implementation
    2
  302. Iā€™d assume you are opting out of the user agent styles and experience, but we will see what shenanigans safari pulls
    2
  303. not necessarily a library - though there is one called that - but many modern frameworks are able to detect what CSS is needed
    2
  304. Probably not worth it, the way to get around it with Gatsby is either 1) Use the Snipcart JSON API 2) Just deploy a preview of your site, and fetch the products, once they are fetched you are good to go!
    2
  305. need to bring it back as a default on all builds!
    2
  306. I think so - plus I using background images is awful. Its an interesting trick but I'd likely not use that trick unless I really needed it
    2
  307. Glad itā€™s helpful! I almost left this video on unlisted as itā€™s not coding but happy to see a few people find some value!
    2
  308. I think it stands for super?
    2
  309. If the plate has a property of done, it returns a string of ā€œcheckedā€ which causes the HTML of the input to make it checked. Otherwise we return an empty string, which is not checked
    2
  310. have been! Also use tanstack router in my course platform. Tanner is coming on the podcast next week
    2
  311. Heil PR40. WesBos.com/uses
    2
  312. The wobble is due to the resizing of the 2nd row so itā€™s not something Grid can fix
    2
  313. šŸ¤£ Wes (better known as Scott's co-person)
    2
  314. Ā @hello_world_104Ā  ohh yah!
    2
  315. Ā @dorklol2969Ā  haha yep!
    2
  316. You can do this by passing a bound function, or passing the arguments as a second param, Then instead of passing in a promise, you pass in a function that can be called inside the try/catch. function wrapItButCallItToo(func) { try { // call it here - this will catch thrown errors too func(); } catch(e) { console.log(e) } }
    2
  317. Ā @dineshkarki1965Ā  Working on that RIGHT NOW. gets back to work
    2
  318. Oh awesome Iā€™ll have to check that out!
    2
  319. <3 Render Props
    2
  320. Lots of echo- my good mic wonā€™t pick it up and likely will get some panels to absorb it
    2
  321. All my courses ā€” paid and free - have very good English subtitles. Nothing in place for other languages right now but it is something I'm exploring with Spanish right now
    2
  322. Mind Node
    2
  323. Aurora this doesn't work for the reasons in the video. Show me an example if you think you can šŸ˜€
    2
  324. Flexbox.io has it all
    2
  325. Itā€™s Firefox and yes!
    2
  326. Yep!
    2
  327. I use it for a lot of my own course platform testing - it's great. Not necessary for this type of project though
    2
  328. ā€‹Ā @ajaycod7Ā  You might!
    2
  329. ZSH and the dropdown thing is Fig
    2
  330. Ya like?
    2
  331. I should have clarified - I do this stuff to hold off the burnout - not something Iā€™m experiencing right now. I find always finding time to have fun and learn new things is key to stay in love with web development
    2
  332. Early next year
    2
  333. the right length I hope?!
    2
  334. watch the first 4 seconds of the video again
    2
  335. Yeah you are right because there are probably times Iā€™ll want to make sure itā€™s open or closed, not just the opposite of what it currently is!
    2
  336. Doh! Oh well doesn't affect our keys but that would be a good fix just for readability
    2
  337. otherwise it would error out on using the `import` syntax (ESM) and expect the `require` syntax (common js)
    2
  338. I did show it as one of the examples, but not the finally. Thatā€™s kinda like the allSettled, but itā€™s annoying because each try/catch/finally is scoped to its block, so you have to declare variables outside it. Has its use cases, especially when returning from a function, but not my go to
    2
  339. haha that was a recent project! Used to be such a mess
    2
  340. MS Edge!
    2
  341. Glad to hear that! They are pretty low effort so I enjoy doing them šŸ˜€
    2
  342. Ā @mehrdad-aiĀ  Its far from passive, but it is certainly a career option if you can build up the audience and know your stuff
    2
  343. certainly a good option if you have control over that type of thing. In many cases the content is being spit out by a CMS where you can't massage it and re-order on the server. You should also make sure you are clear of any accessibility and SEO issues that may arise with duplicate content - should be possible to clear both those though!
    2
  344. Just posted an audio example: https://twitter.com/wesbos/status/1250516678607167488
    2
  345. So I can put this nav in the middle of the document - not uncommon to grid the body for layouts though.
    2
  346. Thats a good idea - we could make another function that continually checks for the checkmark
    2
  347. Will do!
    2
  348. Pretty soon - almost done :D
    2
  349. I do have a wiimote..
    2
  350. Agent figures out the context automatically, takes multiple steps and can feed the output of a step back into itself
    2
  351. Quokka
    2
  352. ya u did!
    2
  353. lol SUPER long eh. My mom is gonna cut it this weekend
    2
  354. Nope - route wildcards can only be at the begin or the end of the route. Not in the middle :\
    2
  355. Haha yep! Sometimes you need to let the problem marinate a little before the simple solution comes to you :)
    2
  356. Because I don't like it when the Next/prev links just disappear - it makes the styling more difficult and looks funny. I prefer to show disabled links instead
    2
  357. The command is "Emmet Expand Abbreviation" - I've hooked it up to āŒ˜ +E so it works everywhere
    2
  358. lol quite a possibility
    2
  359. šŸ‡§šŸ‡·šŸ‡§šŸ‡·šŸ‡§šŸ‡·šŸ‡§šŸ‡·
    2
  360. This is a apple extended keyboard in space grey. It should work with windows as well, but logitech sells a very similar one
    2
  361. Kind of - css variables with local scope does most of what you want. Iā€™ve got a syntax.fm podcast planned for 2 weeks on the topic
    2
  362. More to come!
    2
  363. Thanks! I def will do them a bit more often :)
    2
  364. You clearly didn't watch the video :)
    2
  365. Super sunny inside our homes
    2
  366. Doh! I should have noted that
    2
  367. Glad you enjoyed it - stay tuned for more like this!
    2
  368. Check out my beginnerjavascript.com course. These videos are more focused on practice where the course is learning
    2
  369. Ā @RodrigoDAgostinoĀ  Safari was the first browser to implement :has() :)
    2
  370. Just like any other component - just export the module and import it into the file that you need.
    2
  371. Cobalt2 + Operator Mono. I wrote a bit of info here ā†’ http://wesbos.com/uses
    2
  372. thanks!
    2
  373. I wrote a bit of info here ā†’ http://wesbos.com/uses
    2
  374. You could do that for sure, but it's not really necessary. If you want to know how many rows there are, just take the last item of the object
    2
  375. Operator mono
    2
  376. The browser requests this by default and since there isnā€™t one, it shows an error. Nothing to worry about - not related to your JS. Iā€™ll add an icon
    2
  377. You can just add opacity to this and it will fade, but you can also use the new allow-discrete css property
    2
  378. Ā @codeculi-l1dĀ  Yeah.. Soon! Also check out @starting-style and content-visibility. LOTS of new cool stuff in CSS
    2
  379. JavaSCript30.com
    2
  380. thanks a ton! Glad you enjoyed
    2
  381. Nope. I might seal it to maintain the light look as it will darken a bit over time, but we will see..
    2
  382. Thank you!
    2
  383. Same thing with a lot of GraphQL libs - the Rust way seems more popular
    2
  384. Haha wow this is an old one!
    2
  385. No - neither of those sites are static
    2
  386. No advantage - I probably should have used find here!
    2
  387. Take does this too šŸ˜€āœŒšŸ»
    2
  388. I could but that would make my build times huge. I rather do it on demand
    2
  389. Haha yah I agree!
    2
  390. Yuuup
    2
  391. I always wait a month or two. It's probably fine, but I run of a lot of really niche software for recording so I don't chance it
    2
  392. There is a proposal to possibly get rid of it
    2
  393. Rocket I wrote a bit of info here ā†’ http://wesbos.com/uses
    2
  394. +Jay Hopkins Check that the parent has a height on it!
    1
  395. Try use the HTML5 video poster attribute and set it to the first frame of the video
    1
  396. <video src="..." poster="dog.jpg"></video>
    1
  397. hah :)
    1
  398. Mathias Horrigan Ahahaaha - I forgot I said that. Thanks a ton and I agree :)
    1
  399. +bicecream88 RYYYEE HIGH!
    1
  400. It's the best!
    1
  401. Glad it helped you out!
    1
  402. Bo Link Ah - that is a good tip - I've got my triple home set to the screen reader but I might switch it.
    1
  403. ***** There are two parts: The iTerm2 Theme and the ZSH theme - did you get both of them?
    1
  404. It's in there!
    1
  405. +Thales Caricati You're welcome!
    1
  406. Read the description brother :)
    1
  407. Patrick clemmensen Done! http://Flexbox.io
    1
  408. Welcome!
    1
  409. They should be fast - it's from Vimeo. Where do you live? Are you on a slower connection?
    1
  410. Great!
    1
  411. +Valerii Kuzivanov Thank you!
    1
  412. :) :)
    1
  413. in your wp-config.php file, set wp_debug to true - this will give you some details as to what went wrong.
    1
  414. What needs to be updated?
    1
  415. +Vanoccupanther This is covered in the video with the searchreplacedb2.php
    1
  416. Sergo 1976 Nope - this process will move your existing install onto BlueHost - no need to click their install button - that complicates it a little.
    1
  417. Inigo Manaloto Thanks so much! Stay tuned for more!
    1
  418. Daniel Portales Rosado Not sure that is possible - would be nice though!
    1
  419. Glad you found it useful!Ā 
    1
  420. Yep - exactly this!
    1
  421. +H. Pavlovic ā˜ŗļø
    1
  422. +GicaEric Or just grab the code samples on http://Flexbox.io
    1
  423. +Paweł Grzybek Good tip! Thanks
    1
  424. Operator Mono. I wrote a bit of info here ā†’ http://wesbos.com/uses
    1
  425. +Alejandro Mesa Suarez Glad to hear you enjoyed it!
    1
  426. Glad you liked it!
    1
  427. It's built into Sublime Text - just type **
    1
  428. Soon!
    1
  429. Wayne Hatter Thanks for helping Wayne!
    1
  430. You're welcome! I've had to teach many people how to do this so I figured everyone could benefit from it!
    1
  431. +Devin Chaves It's the frame rate, like I mention in the video :)
    1
  432. +Folk Dope Ahah yes - its a long one but you'll need to watch it all the way through
    1
  433. It works with anything on the web - you just need to write the code - I don't useĀ macaw so I can't help you there.Ā 
    1
  434. Miguel Vaz Oh looks like the original domain was with www - just do another search/replace and replace www.localhost with just localhost
    1
  435. Holla!
    1
  436. yes!
    1
  437. +ŠŠ½Ń‚Š¾Š½ ŠœŠøрŠ¾ŃˆŠ½ŠøчŠµŠ½ŠŗŠ¾ You can't - IE9 is almost gone, but if you still need to support it, you can't use FlexBox.
    1
  438. +Dana Edwards I'll add it to my list - thanks for the suggestion!
    1
  439. Glad you enjoyed it!
    1
  440. You are welcome!
    1
  441. +Isidro LĆ³pez not as much as I should - I use mocha for parts but currently re-evaluating how I should approach it and rewrite a few parts. The checkout flow is due for a rewrite as I want to integrate alipay and Apple Pay - so I'll make those decisions when I rewrite
    1
  442. Check Flexbox.io for all the videos
    1
  443. +Cretu Eusebiu It does sync - I don't bother with unchecking it. It's a bit of a pain because dropbox freaks out when 100,000 new files are added, but its never been a huge huge issue for me.
    1
  444. +Wes Bos I should add that the one downside for me is that dropbox will quickly drain your battery. So when I'm not plugged in, I disable dropbox for a bit.
    1
  445. Thanks Sirin!
    1
  446. Will do!
    1
  447. +ZickPranks whatever you already know. Number of technologies doesn't have very much to do with it
    1
  448. Thanks! Glad you enjoyed it!Ā 
    1
  449. Yeah inky is the package that converts it
    1
  450. +chinymie what browser are you on?
    1
  451. Very Welcome!
    1
  452. +Marcel Robitaille You can use Ctrl + Space to open the autocomplete - but I recommend just not using tab altogether and learning to use Ctrl + E for Emmet.
    1
  453. +Eric Alexander Sublime Text. It's called color highlighter. I wrote a bit of info here ā†’ http://wesbos.com/uses and here: http://wesbos.com/highlight-css-colours-in-sublime-text/
    1
  454. SO KIND of you! Thank you so much - glad you enjoyed everything Fares!
    1
  455. +tomisback tom It will never leave!
    1
  456. +The Otaku Exception :) awesome
    1
  457. Haha anytime!
    1
  458. +ohparnzhw Ninlaphan Anytime!
    1
  459. ***** You are welcome and Thanks!
    1
  460. Thanks : )
    1
  461. Yep!
    1
  462. bicunisa You're welcome! I didn't change the font on the browser tab - its just the OSX default
    1
  463. Federico Balboa Awesome - glad you enjoyed it! You'll love the book too!
    1
  464. Nice! Want to post your server side render code so others can see it? Glad you enjoyed the series!
    1
  465. +Bryce Matheson šŸ˜˜
    1
  466. ***** Haha sorry - you will love it by video 20!
    1
  467. +SHIVAM KUSHWAHA šŸ‘Œ
    1
  468. +AndrƩ Reis Maybe one day!
    1
  469. livelaughloveXOish It was always on my computer - that is where I started. Then I used FTP to upload it to bluehost.
    1
  470. +Rakotoniaina Mijoro Anytime!
    1
  471. Every now and then I get problems, but not enough to make me change
    1
  472. Thanks! You too!
    1
  473. +Franco Gilio šŸ†
    1
  474. +Max Quagliotto Thanks!
    1
  475. +Dale Schrodetzki Ask it here!
    1
  476. +Barbudo You're welcome!
    1
  477. ***** The next video shows you how to edit ~/.zshrc to get the custom prompt - try that?
    1
  478. Holla!
    1
  479. +Š’Š»Š°Š“ŠøŠ¼Šøр Š Ń‹Š¶Š°Šŗ :D
    1
  480. Thanks! It's sublime text - available on Windows too. I've got a whole book on it! sublimetextbook.com
    1
  481. ***** Yes - I wonder if there is any plans to fix it, or if it's even considered "broken"
    1
  482. CĆ©sar Alberca Thank you!
    1
  483. Dawn Peel I've had this a few times - http://stackoverflow.com/questions/23235363/forbidden-you-dont-have-permission-to-access-phpmyadmin-on-this-server will fix it
    1
  484. Sublime Text, and the JavaScript completions plugin
    1
  485. Happy it helps!
    1
  486. Garorai Finally eh? I promise it will be worth the wait!
    1
  487. Fabrizio Tofanelli They are live! http://Flexbox.io
    1
  488. Glad to hear that - I was wondering if people would also enjoy these short tips too.
    1
  489. Sounds handy - I'll check it out!Ā  Thanks a ton
    1
  490. Enjoy!
    1
  491. Just use Ctrl instead of CommandĀ 
    1
  492. Make sure you are on Sublime Text 3!Ā 
    1
  493. Haven't run into that - try restart the editor or even your computer - ore remove and install again - I know its a hard dep
    1
  494. +Rex Fong Thanks Rex!
    1
  495. Thanks - love to hear that!Ā 
    1
  496. Ahahahhaha
    1
  497. +A Frica Thanks!
    1
  498. +Isu Nas You are awesome!
    1
  499. Either works!
    1
  500. +Deepak Londhe Check out ng-animate for something like this
    1
  501. +Clint Goodman if you really need a deep copy you'll need to use reducer composition
    1
  502. Andrey Garbuz Great tip!
    1
  503. +chandan kumar Glad you made it all the way through to the end! Great work :)
    1
  504. +Todd Judd Thanks Todd! Glad you enjoyed them :)
    1
  505. Mike Spearman Do you mean the selected line?
    1
  506. +Wesley Custom Will do!
    1
  507. Gifify uses ffmpeg behind the scenes. It's great!
    1
  508. +Arve SĆølland yep it's a custom form. I initially built it with the Stripe form but it was very limiting because I could not do coupon codes or any custom fields that I needed to do
    1
  509. +CLE ContactLenses Thanks - glad you enjoyed it!
    1
  510. Miguel Gasca Yes - that totally works as well - I didn't realize it was a built in plugin for ZSH - pretty great :)
    1
  511. +Govard Barkhatov Yes - I've been meaning to do something. I'm gonna put something up in the mean time
    1
  512. +Govard Barkhatov Just for you, Govard. http://wesbos.com/courses/
    1
  513. Ask A Transsexual Here ya are! http://Flexbox.io
    1
  514. NektoDesigner Yep - that is it!
    1
  515. ā˜ŗļøĀ 
    1
  516. +greggman These videos work on both - its the same shell so it doesn't matter a whole lot
    1
  517. Matej Å ajgal Thank you!
    1
  518. Totally missed that - thanks, I've added a link to the book and the coupon code!Ā 
    1
  519. Yep! Good idea ā†’ http://stackoverflow.com/questions/7486085/copying-array-by-value-in-javascript
    1
  520. +IlĆ”n Vivanco Yep ā†’ http://wesbos.com/wordpress-page-speed/
    1
  521. +Mohammad Javed šŸ‘Š
    1
  522. Oops - that is a mistake. I had tried to record this like 30 times and I didn't catch that. will fix it!
    1
  523. Use .one() - that is the purpose of this video.Ā 
    1
  524. Alexis Fernando JOHN You're welcome Alexis!
    1
  525. Wutongquan Depends - usually you are just editing your template files, so you just need to FTP up your folder. But, if you make changes to the data / database, then yes.
    1
  526. Send me an email wes@wesbos.com and I'll check it for you :)
    1
  527. +irth orbits šŸ˜˜
    1
  528. Glad to hear it!Ā 
    1
  529. +Yudi Muchanis Get them at Flexbox.io
    1
  530. Just waiting to Gulp 4 to come out and then I'll record it. I'm working on lots right now - JavaScript, Git, ES6. Anything you'd like to see?
    1
  531. You are awesome! That list is very in line with my my list- Ā so stay tuned! Thanks Govard!
    1
  532. +Devin Chaves Now we are friends :)
    1
  533. +Ted TroEder Glad you aren't annoyed at that!
    1
  534. Sajib Mahmud šŸ’ŒšŸ’ŒšŸ’Œ
    1
  535. Copying arrays, adding items to an array, splitting a string into an array... Object is also getting a spread too in ES8
    1
  536. Butch Anton Where did you download the powerline font from? Are you using the patched version?
    1
  537. I actually have a whole podcast on this at syntax.fm. TLDR interceptors are one of the few things you still need axios for
    1
  538. Catch your lunch in the woods, pee on the trees.
    1
  539. I was using it in debugging - no need for it now šŸ˜€
    1
  540. Ā @patricknelsonĀ  yeah I think I want a package.json ā€¦
    1
  541. Code or it didn't happen!
    1
  542. Thatā€™s something I totally forgot to mention. Iā€™m not doing comments yet.
    1
  543. Hamilton!
    1
  544. That works here too - but not in every case, especially with wrapping and space between/around alignment. The point here isnā€™t that this layout is impossible without it, itā€™s to understand how it works because youā€™ll be in spots where youā€™ll need it
    1
  545. looks good but that still has the same problem where if the text is longer than the images, it breaks
    1
  546. Yeah you really need to just run intervals because everything is SPA.
    1
  547. You can choose between several of the big ones. I used Claude here
    1
  548. Hastings Highlands
    1
  549. then it probably fills up, gets cleared out and images are regenerated when needed - I could probably also pass just an ID of the post and query it inside the function. Will see if it's an issue
    1
  550. Hyper. Check wesbos.com/uses for more
    1
  551. I've tried a few but I always go back to the Apple keyboard
    1
  552. https://dl-cdn.ryzerobotics.com/downloads/tello/20180910/Tello SDK Documentation EN_1.3.pdf Ill add it to the github :)
    1
  553. Yes- this is a better approach over mine
    1
  554. Quokka.JS
    1
  555. Thanks! Glad you enjoy them! Stay tuned for more!
    1
  556. Ā @alissonprimoĀ  make sure everything is up to date - latest VS Code insiders, latest Copilot and Copilot Chat extensions
    1
  557. @ its available to everyone - insiders is just their Canary build
    1
  558. This is MS Edge
    1
  559. Awesome! Card sizing is something I often find myself using this trick for
    1
  560. Itā€™s just the way I edit the screen. Look back a few vids - I show how I do it
    1
  561. Ā @5nickdmĀ  correct- nothing special here - I got mine on amazon
    1
  562. Pretty good eh
    1
  563. Yeah! Very good. Here it was not doing the best job at being aware of where in the syntax tree it was, usually a bit better
    1
  564. Thatā€™s how itā€™s done, but MDX does it under the hood for you
    1
  565. when it happens don't tell me there weren't signs
    1
  566. Once you hit scale its worth re-evaluating, but there is a reason Vercel is so popular - its just so dang easy
    1
  567. Its slightly cusomized by myself but its based on "agnoster" which itself is based on powerline vim
    1
  568. super handy!
    1
  569. This is probably a linting error - youā€™ll need to adjust your ESLint to allow it to
    1
  570. hahaha thanks
    1
  571. Thanks! Been working on it
    1
  572. Good to hear! Thanks
    1
  573. There isn't one :) just a loop or a requestAnimationFrame setting + getting values to localStorage
    1
  574. Nah
    1
  575. Thanks - thats great feedback to hear
    1
  576. Coding or in the browser?
    1
  577. Unfortunately RN doesn't support Grid, and flexbox doesn't do stacking, so you are back to absolute there.
    1
  578. it's metric shone
    1
  579. hahaha :D
    1
  580. Watch Day 4 of this series!
    1
  581. Yep!
    1
  582. Javascript30.com as links to everything
    1
  583. Operator Mono. I wrote a bit of info here ā†’ http://wesbos.com/uses
    1
  584. Interesting - Scott will be glad to hear that. Supplying the docs is a good trick in cursor but not perfect
    1
  585. Sorry the error that pops up is eslint, but thatā€™s not what Iā€™m referring to - there is a TS error there too
    1
  586. Ā @alext5497Ā  I donā€™t think so - show me?
    1
  587. I did for a bit while working on the Syntax transition, but I've got the TypeScript course just about done, should be up in a few weeks!
    1
  588. Seems like their own homecooked version of it, but similar to pjax, hotwire, htmx, etc... I'd even wager to put React Server Components into that bucket
    1
  589. definitely something to keep an eye on. A good first spot would be to only explicitly animate the rows/columns instead of everything.
    1
  590. v enjoyable
    1
  591. we broke it
    1
  592. Mind Node
    1
  593. I donā€™t think so because google analytics is on their own server
    1
  594. Glad it was helpful!
    1
  595. Sorry I forgot to mention - itā€™s o my in the insiders build at the moment, but thatā€™s available to everyone
    1
  596. Yep, since they are numbers that will work just great!
    1
  597. I use vanilla, but usually turn it off. I got tons of space, so why hide your icons?
    1
  598. @Menztrual Sorry! Its added into the desc now! \
    1
  599. It's a good one - you can also do grid-row: 1 / -1; grid-column: 1 / -1; without defining the area
    1
  600. Just did! https://github.com/wesbos/advanced-react-rerecord/
    1
  601. Still some use cases for it, but agreed - the better you know CSS, the less you reach for it!
    1
  602. depends what you are doing in the animation - no different than regular CSS transitions + animations.
    1
  603. Try "root" and leave the password blank. Those are the mysql default username and password and should work
    1
  604. Damn you got me
    1
  605. Yeah GitHub.com/Wesbos/wesbos
    1
  606. Good call and I did! Itā€™s a full 15amp, at 110v thatā€™s 1650 watts
    1
  607. Added them to the description. The printer just prints regular pages, which I'm using HTML and CSS to make the lablels. No messing with Zebra!
    1
  608. Will do!
    1
  609. fIrSt
    1
  610. I think we will still have them but they get a lot smaller
    1
  611. Check this test I just did! sounds great https://twitter.com/wesbos/status/1250516678607167488
    1
  612. not just security bugs, bugs of all kinds! UI Bugs, control flow bugs, error handling bugs, accessibility... Don't sell it short
    1
  613. pretty neat eh
    1
  614. Hmmmm really? I had issues about a year ago - Iā€™ll dig in again I did recently switch about my usb hub. Thanks for the heads up!
    1
  615. I hear ya - I still use stylus on a few projects
    1
  616. There is definitely some balance to strike - though I do find myself using it in bigger, production, codebases. I've been bit a few times when I wasn't reviewing as carefully, but the amount of times it's helped me debug issues, refactor code, or scaffold out new features that mirror the style of existing code is much higher. I do find that the tab-completion style is much better when you know exactly what to do, but just want to move a bit quicker. Would you say the same?
    1
  617. Yeah I'd probably ignore the db files as part of the deploy
    1
  618. Slot is already used by web components, so if you used this in a web component, they would conflict. <blockquote> is two words but it doesnā€™t feel as weird as this
    1
  619. Glad it was helpful!
    1
  620. We dont wonder that - we measure! 120mb ram to display this page, not a lot at all
    1
  621. Cool - global you mean like wrapped around your entire set of logic for handing something like a route or controller?
    1
  622. It's zsh-autosuggestions for ZSH
    1
  623. were just having some fun before the robots off us
    1
  624. Not reason at all. I just prefer them because you can export default a function, but you canā€™t a const
    1
  625. Cobalt2
    1
  626. If your DB is 15 gigs you should be using proper database tools rather than via a browser. Look into seequel pro
    1
  627. Doesn't work for the same reasons grid-column doesn't work
    1
  628. shoot, you are right! I saw a flag called "isElectron" alongside "is IOS" and assumed it was. It seems to native - even the displaying of syntax highlighting is done in swift
    1
  629. Doing which?
    1
  630. yes, very soon šŸ‘€
    1
  631. Yes you are correct, but itā€™s no different that sticking data in the request or in a context variable. So part of your tests would be to setup the context needed
    1
  632. Ah interesting - I've not see the TCP_ previously. Thanks
    1
  633. Haha awesome!
    1
  634. Yep! Itā€™s the Canadian way and I never remember which way we do it. Thanks for the heads up- corrected it
    1
  635. @RandomlyDevin Your friend found a great hack. I put his link on my blog and in the description : )
    1
  636. thanks Ryan! always appreciate you commenting
    1
  637. All day long - especially when there is a huge microphone in front of my face haha!
    1
  638. Witly Print here in Hamilton
    1
  639. neither of those are measurements of time though. It's about the loading speed - both wall time and user perceived time
    1
  640. I think you might be the first person to notice the riff! Also Iā€™m the syntax guy! Chris coyier is shoptalk šŸ˜†
    1
  641. Yeah wrap it isnā€™t a good name
    1
  642. šŸ„°
    1
  643. Good idea! We donā€™t reach for maps often enough
    1
  644. Ask and tell are actually different things in typescript. Here we are asking if it works with the type. An assertion is telling typescript - and thatā€™s generally not as type safe
    1
  645. Ā @yadusolparterreĀ  it either says ā€œyes this data matches the type you likeā€ or ā€œsorry this data doesnā€™t match the type you asked. You did something wrong!ā€
    1
  646. Hah, did a long time ago ;)
    1
  647. Thanks for watching!
    1
  648. Glad you enjoyed it!
    1
  649. Operator mono - wesbos.com/uses for more
    1
  650. It's just a "keyboard", so it "types" the values of the barcode and then sends an enter key
    1
  651. It will work! You just make the grid item not stretch - or create more columns or rows. I have a demo here https://x.com/wesbos/status/1834640452865101907?s=46&t=RVgwgm-spxcC46H0_GKxqQ
    1
  652. From talking to the spec authors, the type + filtering use case you are describing will come in a future "Combobox" Spec. You could pretty easily add a bit of JS onto this primitive and get one though!
    1
  653. Glad it helped!
    1
  654. Sounds delicious. Iā€™m in too
    1
  655. @samuelcorradiCOM The code is at the link
    1
  656. Lots of people saying this - itā€™s not true. A string of ā€œ0ā€ is truthy. Only a number of 0 is falsy
    1
  657. @DigitalDrewTube Glad I could help :)
    1
  658. šŸ’Ŗ KEEP IT UP
    1
  659. Cobalt2! I wrote a bit of info here ā†’ http://wesbos.com/uses
    1
  660. Nice work! Very succinct without being hard to parse
    1
  661. Glad it was helpful!
    1
  662. Oh duh - it's the preview tab. Not sure why I didn't use that šŸ˜ƒ
    1
  663. Glad you enjoyed!
    1
  664. you're welcome!
    1
  665. Correct! This is just syntax so you can babel it : )
    1
  666. Hahaha glad to hear it šŸ˜€
    1
  667. That wasnā€™t a thing when I recorded this šŸ˜€
    1
  668. No - that one was showing array destructuring, so you use square brackets for arrays
    1
  669. wesbos.com/uses :)
    1
  670. Probably a server error - Iā€™m running it with vite so I can load the typescript file.
    1
  671. You're welcome and thanks for the kind words - glad you are enjoying the courses!
    1
  672. Yep of course - Tailwind is just CSS
    1
  673. every browser except Safari supports Chrome extensions
    1
  674. github.com/wesbos/wesbos/ is the repo :)
    1
  675. There is none - we can fix that in a future video
    1
  676. Cobalt 2 and operator Mono āœŒļøšŸ˜€
    1
  677. Awesome! Keep it up
    1
  678. Yep! The video should be up in a few weeks :)
    1
  679. Ā @o_glethorpeĀ  depends - on my site I have a syntax highlighter than is several megs. The bandwidth for that would be huge, cheaper to compute once on the server and cache the HTML
    1
  680. I updated them- did you not watch the video?
    1
  681. Yeah that is wird. PNGs go back to IE6, they just needed png fix to make them transparent. Which they don't seem to have..
    1
  682. Soon!
    1
  683. Hahah goood!
    1
  684. Ohhh good to know- Iā€™ll try that
    1
  685. Nice work! What does it do?
    1
  686. I wrote a bit of info here ā†’ http://wesbos.com/uses
    1
  687. Requires headers with tokens that constantly change
    1
  688. hardly but I like to have fun :)
    1
  689. It's the React Query dev tools, you just render it as part of your app.
    1
  690. my bad - will do :)
    1
  691. It was too long for YouTube so I uploaded as a regular video
    1
  692. Hoping to get access soon - not available in Canada. Curious if they will also come out with a coding product
    1
  693. šŸ˜‘
    1
  694. Ohhh - Where does YouTube do this?
    1
  695. This isnā€™t possible in gatsby, you would need to rebuild the whole site, and setup some sort of cron to do it. Iā€™d need it rebuilt every 5 mins if I did that as wel. Next.js does this though!
    1
  696. Cobalt2!
    1
  697. Ā @evolutionxboxĀ  damn that is a great tip!
    1
  698. You'd need to pass down an updater function with the hook. I show an example in my latest video (day 4)
    1
  699. Glad you enjoyed it!
    1
  700. Yep! Iā€™m using that in the video šŸ˜ƒ
    1
  701. It's great! I run it at 3009x1692 and I don't have any issues with fonts
    1
  702. Iā€™ve got two! JavaScript30.com and Beginnerjavascript.com
    1
  703. Cobalt2 and operator mono. Wesbos.com/uses for more info!
    1
  704. I think thatā€™s a vs code standard. I use it all the time
    1
  705. Thatā€™s when I started making websites
    1
  706. Easy to setup and run at specific times. I bet it's just an interval under the hood
    1
  707. Yeah! I have the proof of concept done, but scaling it up will require some power logistics - it's a ton of LEDs!
    1
  708. Yep
    1
  709. Good call. Iā€™m hoping to automate it
    1
  710. It will be - no prisma 2 as itā€™s not out and wonā€™t be for a while. Early next year with hooks. Free updates
    1
  711. that would be nice to package the whole thing up into an app!
    1
  712. I have set a reminder for you Ss-zg3yj šŸ„°
    1
  713. You bet. Apparently you need to change the manifest to v2 but it still works
    1
  714. I wrote a bit of info here ā†’ http://wesbos.com/uses
    1
  715. You could use a program called sequel pro to connect to your database
    1
  716. cancel this man
    1
  717. So I don't have to write that one line every time. Making it a package doesn't add any overhead
    1
  718. Yeah Iā€™m thinking Iā€™ll need to move it inside when Iā€™m away
    1
  719. Yeah, took me a long time to turn all the MS crap off. Just gotta spend some time finding all the settings
    1
  720. Yep!
    1
  721. thank you!
    1
  722. Shhh thatā€™s how weā€™re gonna make our money šŸ˜€
    1
  723. Oh yah youā€™ll have to get good at panning and zooming actions
    1
  724. Ah you are right! Beauty
    1
  725. Well put!
    1
  726. glad to hear it!
    1
  727. Youā€™re welcome!
    1
  728. Sorry about that. I usually crop the video and increase the size on my tuts
    1