Hearted Youtube comments on Wes Bos (@WesBos) channel.

  1. The developers are going to have to explain to the business owners that the huge spike in traffic is from other developers and not customers for nuts and bolts
    23000
  2. Inspecting source code like this is super cool to watch
    972
  3. This video is a masterclass in explaining the "why" behind things even while covering so many different topics rapid fire. So much good stuff packed into 13 minutes!
    228
  4. Wes you continue to bring value through your content. Keep it up man!
    181
  5. Can't believe you got me excited to go refactor some code at work Monday, at 7PM on a Friday night.
    164
  6. Bell curve meme, "just use express and react router / (one billion libs and frameworks) / just use express and react router"
    150
  7. I can't get over the pointer with the middle finger 😆
    111
  8. The enthusiasm you have for coding is inspiring. I'm here from The Odin Project, and I keep referring back to these videos like a textbook. You're doing some really valuable work here!
    111
  9. I appreciate how you show the different ways to format a code from most basic to then write it again in a more advanced/more compressed format.
    98
  10. Other youtubers: please share and subscribe Wes bos: let me know if you find anything else interesting about it.
    97
  11. Using the "move line" keyboard shortcut in VS Code to animate a diagram of how service workers work is one of my favorite dev youtube moments in months 😂 just wonderful.
    96
  12. "It's probably trained on my own code" 😅 crazy flex
    85
  13. Look mom, I'm famous!
    67
  14. So I'm not the only one who has this dream, glad to know there are still people have personal dreams
    62
  15. and use 'less server'
    56
  16. wes, take our money and make a css course
    55
  17. interested in more javascript hardware hacking videos 😊😊
    51
  18. this video is so good because it shows the actual, non-glorified side of development in real time (things breaking, googling, trial/error, etc). rare to see these days when things like leet code and competitive programming get misinterpreted with how engineering works in the real world. thanks!
    50
  19. About that last part; just right click the price tag element, inspect in the devtools and change 430 to something reasonable like 5 bucks, easy!
    49
  20. 😹😹 Should have kept every thing in the component! JK this was so much fun, I hope everyone enjoyed it was much as we did.
    49
  21. Bro, you're better than the official documentation and all those lame tutorials combined! Great work!
    48
  22. Wes : cough Me: I'm outta here
    46
  23. IMO most of the value in this style of video are the tangential tips and tricks revealed in watching you work through a problem in real-time. Would love to see more in this style.
    46
  24. 5 years, and this video still invaluable, best content of javascript to learn array methods
    44
  25. The one thing nobody asked for: embedded JavaScript in a Roomba
    41
  26. I don't look at this stuff as replacing developers, but rather giving us some tools to make us more productive. Using an LLM to scaffold up a rough app idea and then fleshing it out by hand would still be faster than writing everything from the ground up in most cases.
    41
  27. As someone from tropical countries I'd love a shed like that with that chilly temperature, so comfy
    39
  28. Great video! This is preview, so lots of updates coming soon. * Vision works with GPT-4o only at the moment - in preview. Coming soon for other models. * It should look at the output of the terminal. We'll take a look.
    34
  29. There is new sugar in JavaScript, you can use Logical OR assignment as tallyArray[name] ||= { } or the same thing with Nullish coalescing assignment (??=)
    33
  30. .some() 0:21 .every() 2:35 .find() 3:01 .findIndex() 4:40
    33
  31. Hilarious!! ... "FOURHUNDRED AND THIRTY DOLLARS???" 🤣
    33
  32. Awesome tutorial! If you are struggling, like I was, with the color not changing dynamically, change the input event inside the handleUpdate() function from 'change' to 'input'.
    30
  33. Fantastic news! Please do an updated video when support is there. Especially Firefox, my tried and true; today, more than ever.
    27
  34. 8:07 just a quick tip: click over the name of the function and then click over the light-bulb then select move to a new file, this will move the whole function to a new file and VS Code will take care of all of the import statements.
    27
  35. Nothing like seeing a team that clearly has an interest in keeping a decent performance on their site. Old looking site which is actually running React 17.0.2 under the hood (March '21). Lots of techniques that are really a part of the platform. The sprites were an interesting pic seeing that new protocols (H2/H3) make it unnecessary if not an actual anti pattern. Great video Wes! We love to see it! 🙃
    26
  36. i'd love to see more videos of you deconstructing websites, this was an interesting watch
    26
  37. Sweet demo flow. I must steal your "add matrix audio" part for my workshop demos 😎 Agent keeps iterating on the same file is an issue we've been tracking, I kept hitting that as well the past days and it's probably just a prompt tweak fix away. Watching it going back to the same file for just-another-thing makes it not just slow but gives it this human yak-shaving vibe. Expect it to be fixed soon. To undo a turn use the delete button, but we need to improve UX for that flow. Terminal output issue is partially that it has 2 modes for terminal execution and picked the one where it only checks the output after a short delay. For me agent mode did notice port issues and kill them for me a few times. It might have just worked if you retried. Burke got the bug filed on that, as the other comment showed. Last thing I observed is that having terminal open and text selected should just be pulled into the context, basically treat it like editor code. Started tracking that as well.
    25
  38. "Impress your Mom" 🤣
    25
  39. I'd love to watch your dev process on twitch. Might make me feel like I'm in an office again (while still being able to wear my jammies)
    24
  40. Worth watching just for `console.table`, that would have made my life much easier on multiple occasions. The double reducer though 🤯
    23
  41. A super practical example that may be of use to everyone here... When the PS5 was first released (this may even be relevant today because they're still like gold dust, right?) I wrote a script for a few different websites that refreshed the page every couple of seconds, checked if it was available to buy / in stock, and if it was, I added it to the basket and and alerted myself with a browser alert and changing the colour of the screen to bright green so it caught my eye, meaning I could check out immediately! Not only did I get myself a PS5 day 1, but I was also able to purchase 2 more from other retailers for my friends who were struggling!
    23
  42. "sorry about that.." You killed this talk. And the crowd was great. Now I want to come to Laracon
    22
  43. "I'll catch you la..." 😂 Thanks Wes for the tour, it was pretty fun!
    22
  44. You know what I appreciate most about this type of YouTube vid. It’s real. If you ask any developer how long this would take to solve they all tell you, easy five minutes max. You know that’s not true. It never is. But it adds to the anxiety for newer devs when they hear that. Seeing an individual with your reputation in our industry doing this for real shows that even simple sounding operations take time to think through, work it out, and eventually solve. I love these un-edited real time dev snippets. I personally am now going to play around some more with map and reduce in JS. This just looks fun.
    22
  45. OMG! This is super awesome!! I'm so glad that I looked at my email inbox today!! Thanks so much for being such an awesome teacher Wes!
    21
  46. Trying to flex your CSS Skills.
    21
  47. Great tips on using grid for stacking and the value of `visibility: hidden`. Instead of using aria-label on the span, it's better to use <img alt="Saving item" …>. aria-label only works properly on elements with roles that expect a name and even then, client-side machine translation tends not to work on that attribute (but does work on alt attributes). Unfortunately, screen readers don't properly respond to the names of elements dynamically changing so it's typically necessary to also have an ARIA live region to announce state changes.
    20
  48. Watching you struggle is more fun than watching your finished course, so on your update of advanced react course, please include the recording struggle screencasts, so we can learn how to fix problems if we get any. thanks
    19
  49. Really missed out on the "Wes Wing" suggestion on Twitter!
    19
  50. This is also great when you combine it with Spread, Rest. Makes everything a lot cleaner
    19
  51. ❤. May be it’s time for a course in all these new css feature :)
    18
  52. What I love about this is showing the entire thinking process. Starting from scratch, adding next steps and finish with a custom hook. Nice! Most other tutorials I have seen show to build the whole thing in one go. Keep it up!
    18
  53. Congrats! Does this mean a gatsby course is coming?
    18
  54. Fantastic video. Saw this on X first and came here to watch. Fantastically entertaining, but I also learned a ton watching this. Subscribed!
    17
  55. I would use: git reset --soft HEAD^2 then remove the file and recommit, but rebasing is also useful.
    17
  56. BRB, BUYING A DRONE...
    16
  57. Need the full episode. 🚀🚀
    16
  58. Who else is here from the future? 😂
    15
  59. Dude this was fun to watch. You really should drop in on YouTube like this more often. I love seeing some of my developer heroes doing the same daily dev stuff that I do as well.
    15
  60. Loving this series. Super interesting to see you work through problems in this way. Keep em coming!
    15
  61. Awesome! Really good rundown! Thx wes!
    15
  62. 16:20 it’s THIS exact high we‘re all chasing constantly and why we‘re doing what we‘re doing!
    14
  63. Thank you for the jump to solution time stamp ✌️
    14
  64. I like these short videos so much :)
    14
  65. I love that the file is called wtf.js - I wonder if MM really stands for Marc Maron? 😄
    13
  66. Enjoyed every bit of it, thanks. Wes is becoming a mad scientist so gradually we are not really noticing 😆
    13
  67. There's a package called ts-expect that we use for this, specifically it's expectNever function. It's pretty neat.
    13
  68. To get the unique index of name you can create a set from the arrays. Then from your set of unique index you can reduce over the array to get your value. Another way to remove name from an object is to set name to undefined this will remove it from the object without having to create a new variable using the spread destructing.
    13
  69. You know he's a tech dad when he not only has a box full of cables, but they're all properly bundled and organized.
    13
  70. 4:31 Wes Bos jumpscare
    13
  71. That was a jumpscare for me at the end! 🫢
    13
  72. Why did I not do this series when I started with js....came here to review some concepts and found out there's fair a few things I haven't covered...Thanks for this great series....You deserve way more subs.
    13
  73. I see a Wes Bos video, I click the like button immediately
    13
  74. man I've been coding for 5 months now and mainly just use treehouse... but they don't teach stuff like this on there and as an electronic music producer as well it is really great to see this video! got my mind realizing how many possible things there are... also made me really happy that i understood a majority of what he was teaching! the ES6 stuff i have to go over a few times again especially for concatenating but man! this was great! thanks!
    12
  75. Wes, I just gotto say man... I've been doing your javascript 30 and I have learnt just an INSANE amount from you! And it's taken me to the next level, I cannot express my gratuity enough! But I have to say, favourite part though was seeing that we have the same taste in music! As if that sweet ass intro wasn't enough to wet my whistle! Such sick Underoath feel to it... but again, you're just a phenomenal programmer and I appreciate all you do! Much love dude, and that cabin is sick! I LOVE that table! Thick ass slab of sexy wood!
    12
  76. I enjoy watching you stop, think, check docs, etc.--reminds me how normal all of that is during any kind of development.
    12
  77. Your reaction to it just working and already running was awesome. Gave me a good laugh as well. Thanks for this video 👍
    12
  78. Free for now 😂
    12
  79. I love the fact that you are creating a tutorial but found the exact tutorial somewhere else... I love the internet.
    12
  80. More "Snack byte" videos please! Great for when on break to get some quick knowledge in. Also, how did you select all .payloads so quickly around 3:10 in the video to remove them?
    12
  81. - Graph full of green😏 - All repos private so only I can see the green😔
    12
  82. 💖
    12
  83. Damn, a lot of sensitive people in here 😂
    12
  84. ld+json is linked data json. Google uses this for their search engine. It is usually formatted according to schema.org.
    11
  85. Websockets!
    11
  86. I can't get enough of these kinds of videos or the one where you hack along to do a particular stuff! Keep 'em comin' Wes!
    11
  87. Daily uploads Wes? Christmas must be early 🎄
    11
  88. Little tip from my side At 2:33 instead of selecting all instances of the function to rename, you can select one, press F2, and just change the name 🙂
    10
  89. 14:48 '$0' ? I had no idea we could do that in the console
    10
  90. 🤣 greatest live coding ever
    10
  91. Man, that was great!! Never laughed this much using Hooks before 😂 Keep cranking out this quality content guys!
    10
  92. What can't JavaScript do nowadays?
    10
  93. Awesome video, make more like this please! Showing the entire process of development, not just the scripted step by step stuff most people do. This is great.
    10
  94. 28:38 JSX thinks that `globalStyle` is a regular HTML element rather than a component. So `element`, `my-element`, `myElement` are patterns that will try to render as HTML. `Element` or `my.element` or `my.Element` will try to render a component, as far as I know. I might be a bit fuzzy on the specific rules but in general, JSX just needs to know that your component variable definitely isn't a regular HTML element, and the main way it does that is by checking if the first letter is a uppercase.
    10
  95. When are we getting Gatsbyjs course along with serverless functions. I wanted to get something from you on it. for build did you try AWS Amplify.
    10
  96. That was some complex, next level troubleshooting Kung Fu I just saw. 🥋🥇
    10
  97. Vanilla JS or vue. I'm getting sick of react there's too much react everywhere. Wanna learn something new :)
    10
  98. Idk why I need to style a console log but okay... the rest is good. Thanks for the vid, gave it a thumbs up
    10
  99. well into 15 minutes. awesome talk. learning a lot.
    10
  100. It's really nice to see some chat-like content like that to deviate a little bit from dense technical content. It's sort of relaxing cause you know it's just a talk and still you learn a tone from hearing them talk. Awesome vid!
    9
  101. Hey man I love your work; Thank you very much for everything
    9
  102. Love the DIY attitude, must be nice to work on a project with physical props too haha
    9
  103. Hello Wes. I am a fan of your video courses and I am wondering if you will do a MERN stack course that could teach a lot of junior programmers to master the concepts of javascript on a high level. Thank you very much for all your work and dedication.
    9
  104. You’re world best expert of JavaScript I love it 😍✌🏻
    9
  105. this is awesome! I love that even Wes Bos runs into stupid little errors like us "mere mortal" developers 😉
    9
  106. I have a few scripts that I use, but I save them as bookmarks and access them with a search shortcut. For example, if I type "pip", the current playing video will pop as "Picture in Picture" or back to its place, even when there's no way to access the video directly with the context menu. 🤓
    8
  107. great stuff mann... Kuddos to baby for making the lesson more interesting 💖❤💖❤
    8
  108. you are doing an awesome job!
    8
  109. 13 years Ahead of the game, @wesBos you are the boss 🤝
    8
  110. Great talk. Loved your course too! Keep up the great work sir.
    8
  111. Finally a JavaScript video with good intro music!! :)
    8
  112. Just came from twitter wondering how they are doing it 😅 Thanks Wes
    8
  113. use float just kidding
    8
  114. Damn, what a Bos! Really informative video, was cool be able to join you through your thought process. I thought the video was also a pretty reasonable length (at 1.5x, the same speed I listen to on Syntax) with a good amount of information so as to be easily digestible.
    8
  115. "extends": ["baracuda-boss"] 🔥
    8
  116. This is amazing. The fact that you have the same climate as we have in São Paulo (Brazil) for the summer is a surprise, I didn’t consider that. It must be very challenging to live like that. Good luck and looking forward for more videos like this!
    8
  117. Saying that SSR is just for SEO clearly means you don't understand SSR. There is a clear benefit in rendering html server side as it's closer to the database and will result in faster load times. Especially for "admin panels".
    8
  118. Thanks Wes! Even when I think I know the topic I end up learning something
    8
  119. OMG, I'm not a noob to CSS/JS/HTML, but this has always eluded me. Thanks for explaining it so clearly and making feel less like a dorp, it's clearly a quirky thing
    8
  120. I love and appreciate your videos and the way you approach explanations. Great work man
    8
  121. Didn’t know about the bracket function. Thanks Wes.
    8
  122. Thank you sir, even after 7 years, this video is the best i could find.
    7
  123. This is the end beatiful friend? :'( Nice course :)
    7
  124. tasty treat, thanks Wes for sharing your knowledge in a such creative manner.
    7
  125. Really really nice, love the effect. Awesome video
    7
  126. I can’t express how much I enjoy this kind of content. My all time favorites still are the drone videos. Please give us more 🙏🏼😄
    7
  127. Great tutorial, though I would recommend to learn basic JS before watching. The whole set up is built on JS thus it's kinda pointless trying to follow/understand syntax you simply haven't learnt yet. Thx anyway.
    7
  128. So grateful for Sass and SCSS getting us here but I think this is the last feature I've been waiting for. Especially with color functions now launching.
    7
  129. Websockets, react hooks, dgram etc dude 25mins video and you gave lot of useful things. Awesome 🤘
    7
  130. ​ @WesBos  subscribed after watching this video! we need more! 😂
    7
  131. Usually, I'm highly sceptical about these AI tools, but this is wild! Even the current copilot messes up the syntax time-to-time, but this is all done without writing any code by yourself (or fixing the AI hallucinated variables etc) is really impressive!
    7
  132. Also you can have empty spots in your grid by putting a dot inside grid-template-area: For example "left . . right" I know you have it in your course but its just a small detail so yeah, good if someone sees it.
    7
  133. I absolutely love this dirty or not. I'm learning to be a full stack web dev and i have falling in love with react. Watching this about 4 months ago and i would have no clue what this is but amazingly now i know exactly what you are doing. Seeing you do this from scratch is pretty awesome plus useful for me because i'm watching a real life situation with react usinTTg basically everything i've learned so far. Thank you for this.
    7
  134. can I use negative values for the order property ?
    7
  135. I really enjoyed it, and the editing you did to streamline it together definitely pays off. Perfect mix of learning from your thought process but not being bored to tears by an overly slow pace. Great background music too!
    7
  136. Disrespectful to viewers.
    7
  137. Notification Squad Fired Up for next installment of the amazing series.
    6
  138. I always get so confused with all these setups, thank you Wes. Excellent videol.
    6
  139. designing complex navbars wes: yes
    6
  140. Well this got me inspired to make chrome extensions
    6
  141. So, can we add a text input or radio button inside this dropdown? What about audio/video tags?
    6
  142. There's no way i'd be able to implement this logic on my own, but it was a fun follow along!
    6
  143. Thanks for taking the time to share these videos. It’s helped me think outside of the box while programming. Keep up the awesome work Boss man 👍🏻
    6
  144. Styled components is the new hot stuff 🔥
    6
  145. I've been using the "absolute" approach forever but it always felt hack'ish for the exact reason you mentioned, what if that content is too large? This is the right tool for the job, and I had no idea it existed; thank you!
    6
  146. Maybe a little offtopic, but I was so glad to hear you're planning to update your React courses! Thanks for all the amazing work you do! :)
    6
  147. In case you're here quite a few years from when this was uploaded: grid has support for 96.5% of user browsers right now in December 2022.
    6
  148. Shoulda changed the checkmark into a $
    6
  149. CITIZENS OF ODIN. How long has it taken you to get from the very first lesson in the course to this one?
    6
  150. This is really cool to see. I'm still not convinced it'll replace experienced developers, but it'll absolutely augment the way we work. One thing I don't yet have a grasp of is how new people enter the industry without being woefully unaware of how anything works. If you can coerce and AI into making an app work, you might not touch code very often at all. This will likely lead to a TON of work for people like me to do, but it might not be very fun work to do. And really, can there be a future where a generation of devs skip a huge amount of learning and depend on AIs to cover their gaps? I think there will be... I just can't imagine quite what that industry looks like.
    6
  151. Wouldn't recommend using an object as an initial value of a reducer function, since with every iteration the a new object is created. It's better to use a map for this and convert it to an object later
    6
  152. Love the quarantine WFH hairstyle Wes!
    6
  153. This is bloody amazing! Yes Wes!
    6
  154. AI is going to weed out the so-so coders who will move onto some other career. Decent developers are not threatened by this but recognize it as just another tool that makes you an even better programmer.
    6
  155. Really incredible 🤩✌🏻
    6
  156. I love that you speed the debugging process, but still keep it in the video. This shows that even senior developers need to debug the code and everything needs time :) keep it up Wes
    6
  157. I love these JS challenges. Thank you. May I have another?
    6
  158. Great summary! I've always struggled with error handling. How to set things up etc. This video was super helpful. Working a lot with React, the Go way makes a lot of sense.
    6
  159. We need a Gatsby course
    6
  160. I tried using Vercel V0 after watching your video. I built an English-Arabic dictionary with auto-complete, which is pretty amazing. It took a few tries for the auto-complete to work and the tool even suggested putting a limit to 5 results for better performance. I'm pretty impressed with it to say the least. Thank you for making this video, Wes.
    5
  161. Glad I'm in the process of building one of these right now haha. Thanks Bos!
    5
  162. You have not seen the Matrix??!!
    5
  163. my solution... function lastThree(ratsNest) { const ratArray = []; let pointer = ratsNest; do { ratArray.push(pointer.data); pointer = pointer.next; } while (pointer != null); const lastThreeLetters = ratArray.slice(-3); return lastThreeLetters.join('') }
    5
  164. Deploy on Digital Ocean please! 😃
    5
  165. Interesting approach. I would just use the useReducer hook. You should then be able to dispatch events to update state. You can then use that wherever you want. 🤷🏻‍♂️
    5
  166. Not gonna lie, stylable dropdowns are wilder than o1
    5
  167. "We know you are interviwing for a frontend position but please solve this algorithm question, we just want to see how you think and you can go about it any way you like. Also there is only one answer and it has to be recursive."
    5
  168. Love that background music.
    5
  169. The whole time I was looking at your camera for the cute baby 😂😂😂
    5
  170. You try one, and if it's not it then try the other one and that is it
    5
  171. This is a great course. Thanks for you and Mozilla for providing such great content! BTW, My stupid American brain keeps on calling fr's "Freedom Units". Meme culture is insidious...
    5
  172. Wes you're truly hero, this really shows how professional developers do in real time all the stuff's like thinking googling solving errors. tysm wes.
    5
  173. Whoa .. the battery is going down fasssttt :D Great work Wes!
    5
  174. Really cool and practical example. Thanks Wes!
    5
  175. 19:22 "Say hi. Don't lick it." — Ha, all kids are the same 😅
    5
  176. "Wow you have a big monitor!"
    5
  177. Vue.js for frontend!
    5
  178. 3:02 WHAT?
    5
  179. One thing you need to custom and then the whole project starts getting messy 😂
    5
  180. Does this mean we're getting a vanilla JS course in the near future? 😮
    5
  181. This was great, add a happy/sad Elon face maybe 😂
    4
  182. I'm laughing my ass off because i thought you said "Whats up posers!?" but then I remembered you're Canadian. Fun video. Missed this stuff.
    4
  183. Wes knocking out the content lately.
    4
  184. That video was cool. It's so interesting to watch how you approach solving things :) Definitely continue with those videos 🚀 Upvote for part two 💪🏼
    4
  185. Just started this course and it's great! I've done a lot of research on Grid and no one has explained it as well as you! Also I enjoy the podcasts!
    4
  186. JavaScript Basics, Wes is working on it.
    4
  187. This is fun and interesting, as it portrays what developers go through behind the scene.
    4
  188. feeling like total hotshot. woah
    4
  189. you could've removed the browser-sync dependency as well, right? or is it something that parcel uses?
    4
  190. This was such a treat for us tech nerds
    4
  191. This was awesome, love seeing the thought process and also the mistakes. Nice work mate.
    4
  192. Awesome. I personally love this style video as it includes “Googling”, which in my opinion is a big part of the development process that is often left out of courses. Even if you already know something and have used often like Axios, it’s impossible to remember every little nuance of packages and tools, being able to quickly search for solutions, skim other articles or repos and quickly find necessary information is paramount. Thats the real lesson. Well done, Wes.
    4
  193. huge fan, it was really good tour. loved it. pls make more tutorials, by projects. good luck
    4
  194. Great! Will probably be the new industry standard in 1 to 2 years.
    4
  195. Have to agree with Alex. This teaches me how to read a document personally
    4
  196. When I reduce an array, I usually use the returned variable name as the accumulator name.
    4
  197. Thirsty for your TS course. BOSS
    4
  198. Did you just call him travesty 😂😂
    4
  199. That was fun! Hope you will find that part for a couple of dollars!
    4
  200. Now we saw css30, and your angular ideas :) haha.
    4
  201. What is the software program where you show the Merch Tour tree on?
    4
  202. Wix ad before a Wes Bos video. That is funny ;)
    4
  203. For the sake of folks watching on mobile, please increase your system wide font size. Thanks! Great video
    4
  204. Is it animatable with discrete animations?
    4
  205. Great video. How do you highlight your single line comments with the yellow background?
    4
  206. Relaxing to watch and as mentioned by others, nice to see the natural process. Not just the coding part ^^ 1up!
    4
  207. Good Job! I hope that your Gatsby App will came out cool..
    4
  208. Thanks Wes!! This was absolutely amazing getting to follow along with your thought process both with success and failures. Huge learning opportunity for me!
    4
  209. I would love to see more of this magic. Thanks for sharing.
    4
  210. Love these videos. Great to see you're human too! I learn a lot from your approach to problem solving. Was wondering whether you needed to write the `toggleCart()` function. I think it might be cleaner if you just passed `setCartOpen` through your provider and then pass it `true` or `false` depending on whether you want that button to open or close the cart. But then again, I guess it is nice that you can pass the same function to both and it will just flip the boolean whichever way.
    4
  211. 2. Profit????
    4
  212. Absolutely love this mate! Really inventive tutorial and a lot of fun
    4
  213. I love this stuff! Definitely gonna check out snip cart... What is the mind mapping tool you layed out your project? Is that how you approach a project like this, do you draw or write a lot by hand or do you figure it out in your head as you go along 🤔♥️♥️ from Germany ♥️♥️
    4
  214. next step to use the Gamepad API to move around / honk :)
    4
  215. 17:59 🤣
    4
  216. Edit: you came to the same conclusion regarding the prev value being different 😂 Why wouldn't you just check whether the previous value is different than the current value and then push it to the accumulator? Let's say you got [1, 2, 1]. Knowing it went up an then down is valuable information. Just having it uniqued out is not very useful. In general for you chart it would be nice to keep all. You will see a flatline over multiple hours, which is also valuable information. Maybe all besides the point of this Screencast, but still. Awesome short series though 🚀
    4
  217. Thankyou, this was useful in more ways than one. Pagination is something i will be using soon and it was nice to see you solve problems as they arise as opposed to the norm in tutorials where everything is planned well in advance.
    4
  218. Wow... Awesome 👍
    4
  219.  @WesBos  I alway make a branch before I reset —hard or rebase. That way I can always go back without digging through the ref log
    4
  220. Could call it the Full Shtack
    4
  221. Super useful!
    4
  222. Thanks for walking through the thought process, and not being afraid to show off the imperfections. I didn't even know I could run lambda functions from Netlify! Brb going to find your podcast
    4
  223. Restart the node server and get a whole lot more battery. I think you've cracked perpetual energy my friend.
    3
  224. Great job on the wood paneling!
    3
  225. The "Go" way is superior, but looks off to use it in javascript. If you use it in a team, other people might find it weird 😅 But is nice since you can clearly handle each error separately, and you avoid nesting code. You can repeat "if error return" and clearly see the happy path of the program.
    3
  226. first time to see Wesbos aside from Syntax podcast i've been listening for a while now, not gonna lie, is feels odd the watch instead of listening lol no offense
    3
  227. I consider using e.type !== "transitionend" as the value doesn't change to all TransitionEvent object once the user holds the key for long and when the key is release. It ensures the class "playing" is always removed. (if e.type !== "transitionend") return;
    3
  228. Have gone through this process with most of my work codebase, way happier with the code now.
    3
  229. Thanks Wes! I saw the tweet and appreciate that you were able to make a tutorial super fast! You’re an inspiration 😄
    3
  230. That little Instagram module with the serverless proxy is really neat. Good job.
    3
  231. Nicely done. Learned a lot from this, thanks!
    3
  232. Oh my god that’s incredible
    3
  233. Please keep uploading my aWESome man
    3
  234.  @WesBos  Nooooo I disagree 😱
    3
  235. @19:10 We love these too, Wes!
    3
  236. When you'll release gatsby?? I know react, but not like a pro... should i learn gatsby????
    3
  237. Been waiting for this, basically the only reason I use scss. Hope for Firefox soon.
    3
  238. 5:15 a Wild render prop Appears xD
    3
  239. Hi from Ukraine, Bucha. Cosy and nice apartment. Thank you for sharing with us
    3
  240. Lols.... Wes Bos is boss💪
    3
  241. "[They] were so preoccupied with whether or not they could that they didn't stop to think if they should."
    3
  242. and for fun, a non-recursive solution function lastThree(obj) { let last = ''; for (let cur = obj; cur; cur = cur.next) { last += cur.data; } return last.slice(-3); }
    3
  243. getMonth() is between 0 and 11. Add + 1.
    3
  244. Man make tutorial on how to type fast, your typing speed is awesome.
    3
  245. You need to add voices when it hits a wall.
    3
  246. U said it would take our jobs :o I thought the programmers where the ones that where suppose to take the jobs! :(
    3
  247. thank you for sharing this serie , it's super helpful
    3
  248. How I'd re-write it: const arraysOfObjectsReducer = (...arraysOfObjs) => { return arraysOfObjs.flat().reduce((acc, obj) => { const { id, ...rest } = obj acc[id] = acc[id] || {} Object.entries(rest).forEach(([key, value]) => { acc[id][key] = (acc[id][key] || 0) + value }) return acc }, {}) } I don't think this is any less readable. I've just used some more generic terms and simplified the consolidating of the values. I've also just returned the chained function calls on the object instead of declaring two variables and then returning the last one.
    3
  249. wes is cool, if you know what i mean.
    3
  250. I can attest to the value of getting through this course - taught like nobody else I've seen on Youtube. High-calorie, dense info - thanks for the share.
    3
  251. Wes and all, you could type the country name in lower case and it will work in most of the countries, there are some countries that don't have data. Example: https://covid19.mathdro.id/api/countries/canada { confirmed: { value: 157, detail: "https://covid19.mathdro.id/api/countries/canada/confirmed" }, recovered: { value: 8, detail: "https://covid19.mathdro.id/api/countries/canada/recovered" }, deaths: { value: 1, detail: "https://covid19.mathdro.id/api/countries/canada/deaths" }, lastUpdate: "2020-03-13T13:33:03.000Z" }
    3
  252. Amazing! Thanks a lot as always Wes :) We are all loving these!
    3
  253. It's very instructive watching you trying to figure out a problem 😃
    3
  254. Fantastic, Wes! Looking forward to seeing more videos from you 👀🚀
    3
  255. Dude's a fuckin baller!!! Wes never fails to disappoint!
    3
  256. +5 Dev skills powerup for the holding of the baby. Awesome video!
    3
  257. Cool trick Wes, thanks. One more reason to learn rebase more deeply. Btw, what is a cool autosuggestion tool for git you use?
    3
  258. Amazing place! I would put in Ethernet though, just love to have everything reliably cabled up :)
    3
  259. I recently built a WebRTC application and Safari was an absolute NIGHTMARE to deal with. I am glad that Apple has decent developer tools to handle this but it really is a giant headache 😢. Great video Wes!
    3
  260. Awesome just built my first script because of this video! Thank you!
    3
  261. This has to be the most in your face and yet somehow totally discreet flipping of the bird I've ever seen 😂
    3
  262. We can even make effects and filters with svg? No way 🤯
    3
  263. This is an amazing feature! Thanks for your clear instruction on it.
    3
  264. One of the things I enjoyed most about this video was finding out about Quokka, it definitely looks a great tool to use in the editor and I'll probably spend some time messing around with it!
    3
  265.  @WesBos  not cool.
    3
  266. Works like a miracle, thanks for making this video!
    3
  267. Lol, I use Droplr and for fun, just tried adding /content.jpg and now I can hotlink the screenshots. So in a roundabout way, thanks for showing me that :) Also, the workers look really cool!
    3
  268. lol at the thumbnail...
    3
  269. Here's the links wes meant to put in his description for reference: API github & Url: https://github.com/mathdroid/covid-19-api Muhammad Mustadi: https://twitter.com/mathdroid
    3
  270. lol, this is browser abuse. I love it.
    3
  271. Wohoo. Wes is back.
    3
  272. This is the way! Typescript is here to safe the code from some of Javascript weaknesses 😁
    3
  273. Nothing wrong with the useUser hook. One thing you might want to take a closer look at is the value you're giving to your LocalStateProvider. Potential issue is that you're creating a new object there. So every time your app component render runs, that provider is getting a new object, which will trigger a render in the consumers, even when the cart state hasn't changed. Whether that actually matters depends on what you've got going on, but what you sometimes want to do is wrap that value object in a useMemo so that you're not creating a new object when nothing has changed.
    2
  274. This looks really neat, good job!
    2
  275. when Go engineer write JS
    2
  276. Just bought Windsurf for one month. Damn, that is not even that bad. (Windsurf is still way better imo)
    2
  277. i haven't watch it yet, but still wanna say your videos/courses are awesome!
    2
  278. Thank u for this awesome video and series
    2
  279. This is cool, but what is the actual benefit that we get from it?
    2
  280. It might be of 13 minites or so but am so beginner it took me 13 hours
    2
  281. i am a junior and this gave me so much hope :,) thanks for sharing the thought process and approach to the problem!
    2
  282. Loved this video, real insight into your process and how you figure things out, definitely would love to see more things like this, would help me and others improve for sure.
    2
  283. love this type of content!
    2
  284. This guys is really genius.. Thanks for making these awesome videos
    2
  285. 20:17 I was crying on your IIFE edit 🤣
    2
  286. Patiently waiting for the neovim version to switch to Wisperer
    2
  287. Da Boss! Never fail to impress 🤩💪👏🏻👏🏻👏🏻👏🏻👏🏻
    2
  288. for some reason the site design reminds me NFS underground lol
    2
  289. I would love to see more of this!!!
    2
  290. Great vid, I had no idea parcel was so simple!
    2
  291. Wes u r truly skilled 🔥!!
    2
  292. Yeah! nice place! Thanks for sharing 💪
    2
  293. This is still interesting even at the end of December 2020 !!! Thanks, Man!!!
    2
  294. Looks awesome.
    2
  295. We came across your JavaScript 30 course through The Odin Project, and I just want to say that I love your content. We have been documenting our journey learning web dev on YT, and your content style inspires me to keep chugging through all the editing since I know it takes practice to make great stuff. Love to see the behind the scenes here as well!
    2
  296. really cool
    2
  297. love seeing you use TS and also can't wait for my shirt -black on black!
    2
  298. you're out of control
    2
  299. Awesome Wes, looks like a lot of fun 😄 Thank you for sharing your wisdom again!
    2
  300. I'm loving the frequency of your videos, you're a great teacher.
    2
  301. @wesbos you are A Legend!!! I just started my YouTube channel and was watching your shorts video (amazing content BTW) and was wondering how did you shoot those. Incredible work! Thank you so much for sharing with us much love
    2
  302. Thank u for this awesome video and series, u r awesome
    2
  303. Avoid recursion where possible, it's slower and uses more memory. function lastThree(next) { let data = '', y = '', z = '' while (next) { ;({ data, next } = next) ;([data, y, z] = [y, z, data]) } return data + y + z }
    2
  304.  @WesBos  I think this sort of content is "just nifty". Have a bunch of your courses too so always appreciate learning from you. Had to edit my comment, I had meant to type "what a fun way" not "what a funny way to showcase..."
    2
  305. This was fun as heck
    2
  306. Amazing tutorial, thanks Wes!
    2
  307. I was already using the Go way, but it is awesome to see that you can even expand it further.
    2
  308. I would like to see same approach in nuxt and vue.
    2
  309. i. love. this. what the heck :popcorn-yellow-striped-smile:
    2
  310. Great content (found it with the Odin Project too). For the sort() method you can make it shorter with const ordered = inventors.sort((a, b) => a.year - b.year ); if i'm correct
    2
  311. I dont agree that the killer feature is agents. I keep using Cursor mainly for it amazing completion + tab feature. I am using it constantly. I have never had any use for agents in a real project yet.
    2
  312. dont forget push this in githup
    2
  313. does anyone know any former macromedia engineer? would be interesting to know what these guys are doing nowadays.
    2
  314. Excellent video..👍 thank you so much.
    2
  315. Thank you 🙌
    2
  316. Aaahh becareful with your titles. I know this is about TS and got noting to do with the song "One or the Other" from Paula Abdul but I still have it stuck in my head now... yeah I got issues 😁
    2
  317. consistent 'Bos'
    2
  318. This is both awesome and hilarious. Its awesilarious.
    2
  319. honestly, you are my favorite web dev youtuber.
    2
  320. Awesome Wes thank you for all the incredible content you are sharing!
    2
  321. That was awesome
    2
  322. Awesome. I will totally go through these videos with a magnifing glass, follow all your steps and adapt them to my own use case. Gonna take me days, but worth it!
    2
  323. Nice, but I still greatly prefer indented SASS (not SCSS). Less lines, less spaces, less { needless characters }.
    2
  324. The lowdb stuff is really cool for projects like this. What do you do for stuff like this though to make sure when you redeploy you don't overwrite the file? Obviously you wouldn't use this for data that was really critical, but you may still want to persist across deploys.
    2
  325.  @WesBos  start gridin! (sounded like grinding in my head lol)
    2
  326. Returning object is better for someone likes me who can't remember what he did a few minutes ago 😁 Nice little girl 😍, I'm happy you didn't cut the video. Thanks Wes!
    2
  327. Love this kind of behind the work videos. Came to know all dev are equal. Everyone have to figure out their stuff. Even wes also need to lol.
    2
  328. Lets make Day 5 with Websockets
    2
  329. Your idea with hosting it on DO sounds pretty good.
    2
  330. This is such a cool little trick. Cheers!
    2
  331. When I first saw the Tello I laughed like "HA! THIS little thing...?" Looks like I'm getting one now ASAP.
    2
  332. I missed you, Wes!
    2
  333. Great video, I find working through this problem in my head while watching you do it is a great way to learn. One suggestion from a viewer with terrible eyes, if I may, would be to dark mode your browser window as well 😬😎
    2
  334. Not sure how much work these videos are for you, but I think they pay back exponentially in terms of how much value they give to your viewers. Perfect stepping stone to get used to your coding and teaching style. keep doing these!
    2
  335. How to become a Syntax guest. Step 1: Name yourself Scott Tolinski 2.
    2
  336. "Woahh look at that" 😂😂😂 VS is the best
    2
  337. wes you're the 🐐
    2
  338. I subbed
    2
  339. Very well explained !! Thanks a lot Wes
    2
  340. ​ @WesBos  Thank you for this video. It is very helpful and helps me understand why my code works (I somehow used 'this' and it works... and this explains me why) :D
    2
  341. Looks great! Are you planning for airflow in summer? I suspect it could get toasty and buggy in summer. If you’re not freezing you’re baking in Canada. :)
    2
  342. Chrome already has an prettyfier for json
    2
  343. Notification Squaddd
    2
  344. That is awesome :D
    2
  345. Yes this is definitely going to be handy for us going forward 💯
    2
  346. Wes Bos makes it look so easy and destructs the problem step by step. it makes you like ah why did i not think about that..
    2
  347. a like for showing a nice way to pull up a script into browser using parcel! Noice
    2
  348. This was interesting to watch, especially your reaction when the code works 😂
    2
  349. They had one or more ass*ole lead devs who wanted to use Remix.... I've seen that too many times.
    2
  350. I found this extremely helpful. Thank you for taking the time to make the video.
    2
  351. I love your videos! Hug from Brazil !!!
    2
  352. Can't tell you how much relief it gives me knowing someone as experienced as you makes mistakes like hard coding a URL while testing and forgetting to change it back later, only to find out after 20 minutes (or 3 hours for someone like me) that it's something as simple as changing the url. Gives me a glimmer of hope and the end of a bleak tunnel of imposter syndrome!
    2
  353. Looking forward to giving you my money!
    2
  354. Always at the top 👌 Awesome video 👍
    2
  355. What a great presentation.. i totally have been putting off learning this and you just presented the information in easily digestible chunks that made perfect sense to me.. really appreciate it!
    2
  356. No idea how successful these videos are in terms of viewership but I find them immensely enjoyable!
    2
  357. iwish you uploaded more :((
    2
  358. I just came to say BBQ joke is hilarious!!!!! man i was laughing hard when I saw it :D thanks for challanges and good energy bro
    2
  359. Yeah, Wes, thanks for the second video 💪🏼. Use React for the frontend or vanilla js. Both options will be cool, moreover, you could create some chart to show the statistics, or make some cool animation for counters or do both 🚀
    2
  360. Damn, this inspires me a lot, thank you for the video Wes! :)
    2
  361. You probably didn't have to compress and include the React app as a part of the binary; most ESP32 modules have ample storage available for such things in embedded flash memory. PlatformIO has tools for writing files to flash directly.
    2
  362. This mouthwatering..... Wes Bos 😍
    2
  363. 0:54 The GitHub Co-pilot solution was awesome 😎
    2
  364. Amazing I love it Scraping!!
    2
  365. Finally! i rarely stick till the end. Loved this!
    2
  366. Websockets! Websockets!
    2
  367. Honestly if you make a course how you coded this project. it will sell like crazy. I just took your Advanced React Course and it was great !!!
    2
  368. Thanks!
    2
  369. Keep it up with the videos, amazing!
    2
  370. Awesome video covering lots of parts of the stack! very informative
    2
  371. Loved watching this in action. Cheers for quickly pullling this together!
    2
  372. This was really REALLY fun to watch, it was like a code adventure! And drones are so fun! You're on to something here.
    2
  373. It's a nice change. Nice blend of thoughts and pace!
    2
  374. Nice short vid Wes. Thank you. Hey, I like your editor. Can you tell me which theme and font you're using?
    2
  375. Pretty cool man!!
    2
  376. Nice to see CSS variables!
    2
  377. Really beneficial to see how you work Wes. Do more of this!!
    2
  378. 8:34 how I listen to Syntax podcasts!
    2
  379. Looking forward to an AdvancedDrone Course from Wes Bos
    2
  380. ha this is still a really creative technique!
    2
  381. B E A U T I F U L
    2
  382. Amazing as always, keep it up !!! How do you hook up your code editor to your browser and run the code like youv done on the LinkedIn example ? thanks
    2
  383. Thank u for this awesome CSS series
    2
  384. If you havn't, check out the useMutation hook, i can just wrap the cart icon in a container, define my mutation, create the hook, and pass down the toggleCartHidden function as a prop. https://i.gyazo.com/eb482edabda7dbec1ec7f9af2c8f1dce.png Obviously you still need a resolver to flip the boolean and write to the query.
    2
  385. What about styling using styled-components?
    2
  386. You keep blowing my mind with these Wes insanity
    2
  387. Great recap! I really like the Go way, but use the Rust way a lot because I use Supabase which does the same thing in its APIs (returning data, error, etc. for async operations)
    2
  388. Thank u for this awesome video
    2
  389. Amazing video. Enjoyed every single bit of it!
    2
  390. I use ngrok when I want to tunnel from outside a network. Even works with https!
    2
  391. How come I just found your channel! Thank you for your amazing tutorials!♥️🇨🇦🤟 PS. I find myself learn better without you using co-pilot because you always explain as you type. With co-pilot enable I felt like something is missed out like the sort(a, b) => ... part that co-pilot stole your explanation from me 🥲🥲🥲
    2
  392. Bro, this small detail of flex was driving me mad. Thank you so much for this video! In the future, It is helpful to remind yourself that in web development it is literally just boxes inside of boxes inside of boxes...... If you take that approach everything makes so much more sense. Often forgettable though, as a newb.
    2
  393. Super awesome to watch your workflow. Keen to see more like this!
    2
  394. Thank Wes! I've been meaning to try some vertical content but was so tough porting it over from my landscape recording. Tough with my niche too because the Webflow editor only works on dekstop.
    2
  395. I think you're running into issues w/ decodeURIComponent because of escaping - When parsing javascript or json, a backslash is an escape character, but when reading text, it's seen as a literal backslash. So, when you're copy-pasting the URL into decodeURIComponent to test, you're copying the escaped version (`\u0026`), while when you run it in your program, you're using the unescaped version (`\\u0026`). Youtube doesn't run into this issue since the entire blob for `ytInitialData` is interpreted as javascript Your solution of find / replace is probably the easiest, since the only other way I can think of is to injest the `ytInitialData` JSON blob as json and get the URL from the object tree
    2
  396. Hi Wes! Really like this hack-along style! Interesting to see how you approach certain things. Which is, I guess, the thing that I struggle most with - besides knowing what basic toolset to use, actually figure out how to start things and take decisions along the way (given the fact that I'm not a developer anyway). Would be nice to see more like this!
    2
  397. Promise.allSettled way is pretty cool, definitely going to use.
    2
  398. Thank you sir for the amazing videos, but please, increase the font size for those of us watching on mobile devices. Thank you sir, it is good to see you are back!
    2
  399. loved this!!
    1
  400. That was super fun!!
    1
  401. Liked & Subscribed :)
    1
  402. Maybe if you gave the nav 3 rerenders it wouldn't get stuck with the small one on the top row? That might make things big on the second row though, so idk. maybe worth a try
    1
  403. 😮😮😮🔥
    1
  404. you are the man Wes Bos !!!
    1
  405. What (like-handwritten) font do you use for names?
    1
  406. Killed it Wes. A true carpenter
    1
  407.  @WesBos … and that’s why your intuition to write a “deno” script (if not rewrite the existing one) to prefix with deno instead of nodemon was correct… to save yourself from fat finger typos!
    1
  408. Ah, so good! Thanks, Wes, for always sharing!
    1
  409. Magic!
    1
  410. Always a joy watching you work and explain things
    1
  411. Beautiful. Btw which city do you live in?
    1
  412. Such a fun and interesting video. This is what true developers can do👆
    1
  413. Just a shame the extensions have been so gimped with the lack of filesystem support, and the majority of sites use some kind of hydration that breaks any changes and listeners
    1
  414. Liked it!
    1
  415. Hello from Finland. Place seems so cool!
    1
  416. I just binged this whole playlist in like 2.5 hours and LOVED it. Thanks a bunch!
    1
  417. this is how I setup my Less, awesome it's coming into base CSS!
    1
  418. Really cool Wes! Enjoy the weekend sir!
    1
  419. Bought a tee, really looking forward to having my first coding related article of clothing hehe. Thanks for everything you do, Wes!
    1
  420. A wesbos video without the poop emoji is a deepfake video
    1
  421. Awesome, finally DJI is getting into the DIY game! I made some kind of a similar project myself to control any BetaFlight/CleanFlight/ButterFlight capable drone, you can check it out here: https://youtu.be/cvov0mKr1ag?list=PLbQZ2kl_DF4NotGY7q20tO1PCUg0E-laC&t=128 Source code available at https://github.com/MarioBartolome/GII_0_17.02_SNSI Too bad the contest is only for US and Canada :'(
    1
  422. I'm only here to advertise the JetBrains cult. Junie agent is incoming.
    1
  423. 2010 me would be so happy right now.
    1
  424. Next is save to database and show it in a browser. :) Thanks!
    1
  425. You are very naturally entertaining with your YouTube content. Hope to see a lot more videos in the future 👍
    1
  426. Still loving this series, I'd be nice to see you use Styled Components for your next styling video, I'm curious how you go about organizing your layouts and elements with SC
    1
  427. thanks!
    1
  428. graphs!
    1
  429. That was awesome !!
    1
  430. Thanks Wes. I fixed a totally unrelated problem that's been nagging me since Friday as a direct result of watching this video.
    1
  431. Amazing Wes
    1
  432. https://repl.it/@NabeelAliAli/Array-problem#index.js Using objects and putting name as a key. Passing previous values in the function and merging them. Using object.values to get the merged data.
    1
  433. In sort by brithday we can even use this to shorter our code! birthdaySort = inventors.sort((a, b) => { return a.year - b.year; }); ----------------------------------------------- Same as for sort by year lived: const yearLive = inventors.sort((a, b) => { return b.passed - b.year - (a.passed - a.year); });
    1
  434. Good video, Wes. I think you could have simplified it a bit more. Here's my approach: https://codepen.io/donovanperalta/pen/ZEpLLGJ function parseArray(arr) { const [headings, ...rows] = arr; return rows.map((row) => { return headings.reduce((acc, heading, i) => { return { ...acc, [heading]: row[i] }; }, {}); }); } const results = [arr1, arr2, arr3] .map((arr) => parseArray(arr)) .flat() .reduce((acc, person) => { const index = acc.findIndex(p => p.id === person.id); if (index > -1) { acc[index] = { ...acc[index], ...person }; return acc; } return [...acc, person]; }, []);
    1
  435. This was so cool to see. Hopefully, I have the chance to win one of these drones and do some really cool things with it!
    1
  436. You are really Great 👍
    1
  437. Are we going to just brush over the fact you haven't seen the Matrix? haha
    1
  438. Curious. Will youtube demonetize this?
    1
  439. Fantastic video! Thank you
    1
  440. Happy Corona 😁
    1
  441. Sick man!
    1
  442. thank you for the explanation.
    1
  443. Beautiful
    1
  444. Love this JS + hardware 🔥
    1
  445. 150-200$ for a used Aeron? Damn! That's a steal!??
    1
  446. damn this is AWESOME
    1
  447. Nice to have styled components and Graphql this is legit man thank you for sharing your knowledge and ideas big help those who start their career as a developer more videos men hehe.
    1
  448. How does: [headings, ...data] = arr Automatically take the first outer array index and give you it separately to the remaining data? Is that a destructuring trick?
    1
  449. Good luck for the new work place and thanks for sharing this kind of videos with us :)
    1
  450. I think you should probably host it, so you don't loose data if your laptop is closed. Heroku?
    1
  451. 8:11 "The docs do exactly how I do it in my Advanced React course" Yup, :D I used one of your Hot Tips for that! Thanked you for that in the accompanying blogpost on my personal site here: https://nickymeuleman.netlify.com/blog/gatsby-pagination#add-numbering
    1
  452. i have that fan in my living room as the only light, its bright!
    1
  453. love it. need my own office too. goals!
    1
  454. Thanks Wes, this is great
    1
  455. Oooh I've been rebuilding my site with Gatsby, this is awesome 💜
    1
  456. I love your courses and the way you do the path of 'before' and build up on it until reaching the 'after'. Great!
    1
  457. OMG, you're so awesome, cool video...
    1
  458. we need the part two, we need the part two :D
    1
  459. I will build a room like this. Thank you. Suggestion: you should buy an additional tripod to prevent vibration.
    1
  460. Nice setup!
    1
  461. https://www.urbandictionary.com/define.php?term=Fix+It+In+Post
    1
  462. aaaawesome!!! more wes on yt!
    1
  463. wes please send me one of your monitors that you are no longer using
    1
  464. Awesome!!!! waited too long for this features!!! 🥹🥹🥹
    1
  465. amazing bro..keep it up to us
    1
  466. Ohh super cool video, love the vlog Wes!!
    1
  467. Good tutorial. You can also enable the browser's responsive "toggle device toolbar" tool e.g. Chrome to resize the frame instead of resizing your entire browser window.
    1
  468. Nice! 👍
    1
  469. Love this, thanks Wes!
    1
  470. implemented it... amazing
    1
  471. This is one of my favorite features of ES6!
    1
  472. see later
    1
  473. Great job again, Wes! I love watching your videos. It would be cool if you used graphs and styled components and maybe some cool animation, like react-spring or smth:)
    1
  474. does anyone knows what mic wes bos uses?
    1
  475. tanstack, tanstack, tanstack
    1
  476. Whoa Wes bos has own YouTube and a ton of subs. I just knew him as Scott's smart co person on syntax YouTube
    1
  477.  @WesBos  and I just followed u on twitter and mark Zuckerberg follows you lol. You're all the cool kids co person
    1
  478. GOD TIER. I knew there was a way to do this Thank You and have a wonderful diner
    1
  479. Loved this video!
    1
  480. Just tried to build one yesterday! This is really helpful!
    1
  481. Websockets please!!! Please
    1
  482. 7:14 every time.
    1
  483. Wes, is it Gatsby?😅 Anyway, thank you so much for being an inspiration! Waiting for your Gatsby course
    1
  484. This was clutch! Thanks Wes.
    1
  485. Boomer humour gave me a chuckle, thank you for sharing - very interesting and impressive how much you've done yourself!
    1
  486. Love that cursor. :D  On topic: That's one line shorter than what I've been doing with grid: 1; and then using grid-column and grid-row each to 1 on the children. Noice! Will yoink that for sure.
    1
  487. Amazing, exactly what I've needed numerous times. Saved.
    1
  488. Thank you
    1
  489. You're amazing Wesbos!
    1
  490. Can’t wait to be on your level. Thanks man
    1
  491. I love it. Tanks
    1
  492.  @WesBos  Ah, didn't think of that. Good point.
    1
  493. wow, I've been reading about gatsby for a while(long), and LAST week started playing with it. what a coincidence hah What is your opinion of netlify cms ?
    1
  494. You're on fire with these! 🔥🔥🔥
    1
  495. Don't touch your face!
    1
  496. Thanks!👌
    1
  497. Thanks a lot for sharing! I totally like to get your thoughts by solving problems - that is so helpful for me as a developer 👌🏼
    1
  498. Man, this is insanely cool, great job!
    1
  499. i can imagine 5-10 years old toddlers start selling their software created with this
    1
  500. Quick and easy. Thanks.
    1
  501. Another thing people who don't use McMaster don't know: They don't tend to have "brands". You just order a "#4 drill". You might think this means you're risking getting no-name mystery metal from China. Nope, I've been surprised in a good way at what I get. They actually tend to stock decent brand name stuff without saying so. I just trust them to pick good stuff when it comes to things like taps and reamers most of the time now. It means I can put more thought into more critical tools I need to order. Every company should strive to be like them. Customer retention obviously is important! Don't waste your time buying mystery metal screws at a dollar a piece. Buy 100 nice screws for $12 on McMaster.
    1
  502. Awesome job & everything looks amazing!!!!
    1
  503. definitely gonna use the last one.. finding the middle of an array.
    1
  504. Legit!
    1
  505. So cosy with the snow out the window
    1
  506. Wow! All by yourself. Good job man.
    1
  507. Hi, may I ask if your paid course has subtitles? I am from China. Youtube subtitles support translation, which is a great feature.
    1
  508. SUBSCRIBED!!!!!
    1
  509. I was waiting for this one after hearing about it on Syntax!
    1
  510. Instead of rotating the check mark I would have changed the tick into a $ symbol 😊
    1
  511. Initial thought when first seeing this was "DA F*** does he destructure 'length' for?" But yeah, ARRAYS ARE OBJECTS - so {length} will of course refer to the Array.prototype.length property 😅
    1
  512. Thanks Wes! I'd love to watch how you decide to deploy and get this thing running! I learned a lot from just watching how you use tools available to you to solve a problem.
    1
  513. Following all your twitter posts and its finally here.
    1
  514. this is amazing
    1
  515. I'm enjoying these videos
    1
  516. Great video Wes!! Keep them coming!
    1
  517. Gotta quote the fish that hit a wall: DAM!
    1
  518. I wish I had this video 3 years ago! Thank you king Wes!
    1
  519. WOW. thanks for mentioning accessibility as well
    1
  520. Thanks Wes for sharing. I am currently working on some Gatsby project that needs pagination. This is very helpful.
    1
  521. I use async await with .catch() and to handle thrown error I use global try catch block
    1
  522.  @WesBos  try { const value = await doSomething().catch() } catch() { // Handle thrown error here }
    1
  523. Awesome, thank you
    1
  524. Good up the great work! All of your videos are so informative. I did have one question about why you were using function declarations instead of function expressions, is there a technical reason or just a more familiar syntax?
    1
  525. awesome work, come from Linkedin ❤
    1
  526. enjoyed it
    1
  527. Not sure why YouTube took so long to recommend this! This is gold!
    1
  528. timestamp?
    1
  529.  @moneymayhem2000  right at the start of the video it says "for solution jump to 12:23"
    1
  530. Thank you 👍👍👍
    1
  531. This was great! Helps me think more out of the box when I encounter a problem.
    1
  532. Where has time gone?
    1
  533. love it and doing all the job yourself makes it more awesome. Congrats Wes!
    1
  534. Neat trick!
    1
  535. Sick!
    1
  536. Amazing tut
    1
  537. Yes! This was awesome, really enjoyed it. Do more stuff like this! 👍
    1
  538. reminds me that in the book deep work, cal Newport discuss about something similar to this
    1
  539. 29:34 I was screaming through the screen but you didn't listen! Happens with pros sometimes, that's not a con.
    1
  540. dude, don't touch your face. covid19 is everywhere.
    1
  541. Nice shed!
    1
  542. Wait, is that Cobalt2 theme for Chrome? Looks really nice, do you have it publicly available?
    1
  543. i thought i was smart until i learn JS
    1
  544. If this was reddit I‘d give you gold!
    1
  545. Super cool! The stuff you worked out like the Instagram story images makes me realise how much I need to improve as a dev. Maybe this is an obvious one but wonder why in your CSS you nested that CSS variable? --lightGrey: #d8d8d8; --lightGray: var(--light-grey); Oh looking at it now, is it literally so you can spell it either way? BTW I think you missed the "s" in Gatsby in your vid title.
    1
  546. You're awesome Wes, thanks :)
    1
  547. Yes these videos
    1
  548. nice
    1
  549. Another suggestion: Have the image, text, image , text layout by default (mobile) in a div/section/etc, and have another div/section/etc with just the images (data duplication is cheating as much as using js is). Then using media queries hide the second section for mobile, but on desktop have it visible and hide the images of the first div. The parent of the two section needs to be flex on desktop. Just tried it on codepen and it works. Cheers
    1
  550. thank you this was one of the most helpful videos on internet !!
    1
  551. Cool project. Are you saying you've been burned out? I picked up that you mentioned that in the outro, so maybe you've experienced it? Also a seasoned dev (25+ years career) and went through a few tough years of burnout myself, so I'm obviously curious to hear about others. I think AI even pushed it further in some way.
    1
  552. I feel if you can take away just one new piece of knowledge from watching these, it's a win. I had no idea there was a ResizeObserver object. Thanks, Wes! Edit: mdx looks awesome!
    1
  553. Wow, I love this. Nice one guys.
    1
  554. Longtime Shop Talk listener here. Just now finding my way to your YouTube channel. Buuuut I have to say, I got SOOOOO excited when I heard that Texas In July song in the intro! lmaoooo love your shit tho!
    1
  555. the was awesome you're so efficient with your keystrokes my fingers were hurting a little trying to keep up without pausing too much.
    1
  556. This is very exciting, I wanna work this kind of JS stuffs, which is ability to control machine.
    1
  557. I like you
    1
  558. Outstanding tutorial. Thank You!
    1
  559. Looks awesome.
    1
  560. Wes' driving skills clearly need refactoring but that's a cool demo. Also the perfect project for using a JS gamepad API. 🙂
    1
  561. Great stuff! Thank you for sharing! 🙏🏼
    1
  562. Appreciate all the little tricks! I like it
    1
  563. Wes is cool. Thanks Wes
    1
  564. Oh is great !!! Keep doing them !
    1
  565. Very cool, congrats Wes! Looks very cosy 😎
    1
  566. The laugh when Deno works is priceless 👍
    1
  567. This is awesome and super fun, thanks for making learning javascript so much fun!
    1
  568. The most interesting part of this video is the $0 part. (14:48) I did not know that was possible
    1
  569. Hey Wes, thanks for the cool video! What do you think of the idea to use your approach just to copy the original content and display the orignal content or that copy based on the screen-size? https://codepen.io/r3metz/pen/BbqRQw
    1
  570. Very good, and also, what's the name of your font, vscode theme and those comments? they are so clean
    1
  571. thank you so much for saving me hours of political science lectures!
    1
  572. I felt i don't know css 😂
    1
  573. Got the idea to solve one of my pain point using a website. Thanks! This is for RARBG user, it will change the category image to the post's actual poster. So you don't have to mouse over to see it. Couple the code with some chrome js runner extension, you are good. document.querySelectorAll('.lista2 td:nth-child(1) a img').forEach((img, index) => { img.src = /https:.*\g/.exec(document.querySelectorAll('.lista2 td:nth-child(2) a:nth-child(1)')[index].attributes.onmouseover.value)[0] })
    1
  574. Hey Wes! Thank you for uploading this kind of videos, it gives a more realistic perspective of how developers work. I wanted to share a video with you explaining with the follower number goes up and down minute to minute: https://www.youtube.com/watch?v=RY_2gElt3SA I don't think it's to throw off bots.
    1
  575. This is awesome!
    1
  576. I use this website daily through a webview in Fusion 360 (which has no reason to be an electron app essentially), and I always thought that they baked the interface into the cad itself using some “native” api by just how fast it works I ain’t even got much internet speed
    1
  577. Nice setup man pls keep doing tuts on this...
    1
  578. Nice stuff Wes! Re: local DB; check out LokiJS as well: http://lokijs.org — I've used it for the same reasons you mentioned (simple DB for small projects) and it works great.
    1
  579. I need that GoFundMe link! 😂
    1
  580. Love this series its very helpful thank you again mate .
    1
  581. Finally the savior has arrived in Vanilla CSS! Thanks for spreading the good news.
    1
  582. Thank you for putting this up. I like the way this video show the thought & troubleshooting process. More of these please!!
    1
  583. damn this is a spicy meatball
    1
  584.  @WesBos  I watched it, but was just thinking that if you gave specific Grid-Area names, it would work. However, after testing it, they just sit directly on top of each other in 1 row. So that didn't work! Love your videos, btw!
    1
  585. Just what I needed!
    1
  586. Loved your even simpler solution in the end. That's one sleek oneliner you build there 😉. One of the reasons I like series like this.
    1
  587. Great job you did there!
    1
  588. 🤤🤤🤤🤤🤤🤤
    1
  589. rhis is so cool man
    1
  590. This is so freaking cool
    1
  591. Thank you, I really enjoyed solving the problem. Here is my attempt. https://gist.github.com/eshaanmathur/2a9889da1fdc94e17e6839227a4f8db1
    1
  592. Thanks Awesome Wes Bos you save my life and pleeeeeze make the deployment episode it would be so much helpful thanks again
    1
  593. wooow! thank you!!!
    1
  594. It's been a long time since I've seen css hacks 🤓 love it! ❤
    1
  595. My favorite guru!
    1
  596. What keyboard do you have? I want the same but PC compatible. Please provide details. Thank you
    1
  597. I love how simple your code is! I tried to first generate a list, where each task had a data property (with its index: 0,1,2...). Get the indexes of previously clicked and current clicked checkboxes. Generate indexes between these checkboxes. And only then (having indexes of the checkboxes between) iterate through the array and change the state of a checkbox . Your tutorials are very good.
    1
  598. Bought both shirts before the email finished loading.
    1
  599. Definitely love things like this! Working through things to a end goal as suppose to giving the appearance that you just know
    1
  600. Amazing, just had this issue the other day at work. Thanks!
    1
  601. I love your carpet, Wes!
    1
  602. Nice office! Respect!
    1
  603. i was struggling to get the math right and this simplyfied my task so much, thank you!!!
    1
  604. I've just been using these a ton in the last couple of weeks so its nice to know I'm doing it right :D Thanks for these updates and your courses, really enjoy your style and delivery, just does a great job helping me really cement concepts.
    1
  605. any idea if this is doable using tailwind?
    1
  606. great channel, dude, congratulation
    1
  607. This is Amazing.
    1
  608. Just wanted to share this already done dashboard https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6. But it is always cool to do something to play thanks
    1
  609. Awesome video, please do more videos like this learned a lot!
    1
  610. great video and interested in a continuation!
    1
  611. I've given a try to CSS Grid a day ago and now it is in Production. Enjoying Your Teaching @wesbos Thanks
    1
  612. Love it.
    1
  613. Where's the hero image covering half of the page?
    1
  614. Love you wes uncle 💛
    1
  615. Thanks for the free therapy session!
    1
  616. cozy palce for fullstack coding and new 🎬
    1
  617. Tbh this would be a brilliant video even if it just allowed you the “my code sucks” pun, but it was overall so fun 🤩
    1
  618. I want this office
    1
  619. This is so awesome !
    1
  620. I had no idea about this approach, thanks for posting this!
    1
  621. SEO specialist is going crazy figuring out where those 1.2 million visitor that are not purchasing nuts and bolts. LOL
    1
  622. Would love a part 2 going through the whole process to a working application!
    1
  623. Thanks Wes!
    1
  624. Great mini series, hope to see more episodes :)
    1
  625. Interesting! I would have guessed you filmed in landscape, did the 1440 version first, then the 1080x1920 but you do it in reverse. Very insightful. Thanks for revealing the curtain for us!
    1
  626. So cool <3
    1
  627. This is some quality content
    1
  628. Spent a good half hour trying to figure out why my localhost/data was displaying as a blob of text while yours was nicely formatted. Turns out a plugin is needed. https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa/
    1
  629. Thanks for the tutorial, it really helped!
    1
  630. Your SUBSCRIBE! made me smash that button terrifyingly!
    1
  631. I felt compelled to subscribe...I don't know why.
    1
  632. Thanks Wes. Please keep rolling out more of these types of content. I absolutely loved it.
    1
  633. Tslint+prettier setup too please!
    1
  634. This is such a cool project, I love it. I delved into learning JS for a bit but didn't really find myself there, so I pivoted to C# and .NET now. I just like your energy and how inspiring your ideas are.
    1
  635. Great to watch,definitely do more! Just make sure you include some poop next time :)
    1
  636. You always do superbe advanced exemple. You the Kevin Powell for big boys
    1
  637. Dood. The Matrix is like watching the birth of JavaScript. Any dev worth their salt has seen it.
    1
  638. good, see later ...
    1
  639. Thanks, Wes! Great way to learn/teach.
    1
  640. You’re my favorite teacher 🙏
    1
  641. Can You Cover a Video on DOM
    1
  642. Maybe use D3 for the dataviz .. ;)
    1
  643. Really helpful tutorial. Thanks a lot Wes Bos
    1
  644. 13:15 well now I feel personally attacked. Actually it's a 5 year old Android, not a 6 year old iPhone.
    1
  645. How do I update state from child component while using context?
    1
  646. Wes, you are killing it, man!!! These videos ROCK! Definitely interested in seeing the DO deployment setup. Can't wait!
    1
  647.  @WesBos  oh shit sorry, I saw greasemonkey and went to the comments instantly 😅
    1
  648. Cool stuff there Wes! Do you plan to make the cottage a more permanent settlement even after the corona crisis?
    1
  649. This has got to be the dopest video I've seen in a while. Would love to play around it with it...or attempt to lol.
    1
  650. Here's my solution. Taking advantage of the spread operator (...) and the ability of overwriting object fields. https://codepen.io/edo9k/pen/mdrOvPG
    1
  651.  @hassaniyouness8024  I don't know if Wes is going to release another Next.js course when the Advanced React course already uses Next.js. The next course Wes has planned is a TypeScript course 😀
    1
  652. Amazing, thanks for sharing
    1
  653. Using typescript this is a real challenge
    1
  654. Thanks for office tour 😊 I see your house in your insta stories 😍 super duper osum 🤗
    1
  655. who wants a course of array/object advanced methods like this?
    1
  656. so cool wes 🙂
    1
  657. Definitely an engineers website because that site has zero aesthetic. Straight to business.
    1
  658. Congrats! The place looks awesome. There are no bounds to your talents.
    1
  659. So I'll be the douche to ask... What's your VSCode theme? 😬
    1
  660. Thank you. 😊♥️
    1
  661. Where do you get these sick backgrounds Wes?
    1
  662. WOW, This was a cool video I was wating for the new Office Tour!!!!
    1
  663. Damn, snow is really coming down. Get lost winter!
    1
  664. I'm loving this videos
    1
  665. Is that a genuine Eames 670 in the background? Noice!
    1
  666. I love you channel! I think that if you continue with this type of videos you have a market, there is little on the internet. Greetings from Argentina!
    1
  667. Saving this video as well for the code, as well for reference to the cursor
    1
  668. Damn! Amazing. I always felt that select has some limitations and developers ahould be allowed to add their custom css to it! Please do an update when it launches on all browsers
    1
  669. you should speack to the company theyl probably pay for that software / idea!
    1
  670. Think you got episode 2 twice in playlist :) ( Keep up the awesome videos btw! <3 )
    1
  671. With instagram it was more easy to get these details from their endpoint but that no longer works since 1+ year, but you still can get a lot more details from the source if you find the JSON and extract it ^_^
    1
  672. That is brilliant!
    1
  673. The code so bad Roomba decided to throw itself off the table.
    1
  674. should have had that On Air light on
    1
  675. Awesome setup please make video whe. You finishes all your work
    1
  676. Hey dude, could you compare, Next, Remix and Astro? Thanks btw
    1
  677. Never user Gatsby, but this looks nice.. :D
    1
  678. Geat content, just a point, the 'o' of 'Bos' looks a little like an 'u' 'Wes Bus', might want to think about strengthening the stroke a little?
    1
  679. My boss was just asking about this type of thing. Thanks Wes!
    1
  680. Are you planning to stain the wood?
    1
  681. application/ld+json is a script attribute for Google Structured data markup https://developers.google.com/search/docs/data-types/article
    1
  682. It is snowing! How lovely!
    1
  683. Like yr course keep it up wes... developers loves you 🥰😍
    1
  684. This site is looking amazing, a very nice design! Keep up the good work.
    1
  685. Great vid!
    1
  686. Nice video, it's cool to see other developers' thought process. Helps me with my own!
    1
  687. For someone like me who was using await my promise().catch(errHandler); This is gem - thanks for sharing Wes <3
    1
  688. Thank you for this Wes! I hope that you create more tutorials like this:-)
    1
  689. I started to do something like this recently with some websites for the same reason. Only, I'm using ViolentMonkey for this (open source alternative for loading user scripts). By the way, what's the advantage of .filter(...).at(0) over .find(...) ?
    1
  690. Not really scrapping, but if you are going for tiny pieces of data this will do the job. I believe there is a DOM emulator for node. https://github.com/ariya/phantomjs/issues/15344 PhantomJS is discontinued. http://dhamaniasad.github.io/HeadlessBrowsers/ 32:00 The script tag is for SEO. If you are looking for a person, its going to pull info from that panel, and return the results on google as a person, for a business it'll do the same except say business.
    1
  691. Already looking forward to work on Monday to fix a 'div' from last week. 😂
    1
  692. This is a huge timesaver wow And of course it’s supported by Tailwind so I’ll be sure to use this from now on This is such a common use case
    1
  693. Awesome. Thanks for all the videos. Nice to also see you don’t have some strobing multicolor keyboard that ticks! I was starting to think I was crazy or something for not liking them.
    1
  694. Hey Wes, I´m currently learning Gatsby, thanks for this video, really helpful!
    1
  695. Thanks Wes this is legit !!!
    1
  696. alright alright I subscribed 😅
    1
  697. Thanks for esm :) why i don't heat about it later)
    1
  698. Hey Wes, just wanted to say I really like watching these kinds of videos. Your tutorials r great but it is nice to b able to see how u work through the problem and get insight into your thought process. I would b interested in a follow up for sure!
    1
  699. Please make WebRTC related videos
    1
  700. I love snickers!
    1
  701. wtf man, great video!
    1
  702. I feel like seeing this after the McMaster Carr video illustrates a point. Developers who know only the bare minimum may possibly end up competing with these tools if/when they get good enough that companies are willing to use them to throw widgets together. I hope that for clients who want good quality work for one reason or another and are willing to pay for it, skilled developers will continue to be needed for a long time. Maybe this will motivate people to improve their skills, and we can only hope that their effort will be rewarded. I'm not even a developer, but seeing tools like this work so competently does feel a bit threatening. I don't know how to code this kind of stuff, and I know it would take me many hours of practice if you are saying that you write code like that. How do we motivate people seriously considering this field to press on? In my field, unsurprisingly, AI is making waves too.
    1
  703. Wow 😳😳
    1
  704. this was the next level content I needed for my javascript skills
    1
  705. we can do this with lazy loading too..
    1
  706. Just awesome!
    1
  707. Nice one bos!
    1
  708. you really helpme with this video, Thanks!
    1