Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

733: Egress, scraping, Safari EU changes, is SetInterval worth it?

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this potluck episode of Syntax, Wes and Scott discuss egress, scraping, Safari EU changes, and answer questions on updating dependencies and SetInterval.</p> <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:00">00:00</a></strong> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:35">01:35</a></strong> Brought to you by <a href="www.sentry.io">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=02:49">02:49</a></strong> I have over 100,000 user images on Cloudinary. How do I migrate to another service?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://github.com/wesbos/cloudflare-cloudinary-proxy">Cloudflare-Cloudinary Proxy</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=07:27">07:27</a></strong> Switching from Mac to PC.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="www.figma.com">Figma</a>, <a href= "https://www.blackmagicdesign.com/products/davinciresolve">DaVinci Resolve</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=12:32">12:32</a></strong> What’s your take on the Safari 17.4 PWA removal debacle for EU users?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://bugs.webkit.org/show_bug.cgi?id=268643">Bug Report</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://bugs.webkit.org/show_bug.cgi?id=267743">Fullscreen API Bug Report</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=19:45">19:45</a></strong> Is there any clear front-runner when it comes to monorepo tools?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=23:44">23:44</a></strong> Some big web apps have a div relatively high in the DOM with a class like “scroll-container” or “cursor-events”, why is that?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=32:15">32:15</a></strong> Is ChatGPT Plus worth it? I’m trying to avoid death by 1000 subscriptions.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://elevenlabs.io/">ElevenLabs</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=37:47">37:47</a></strong> Performance vs accuracy when working with timers.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=40:37">40:37</a></strong> How do you update the dependencies to work with a current version of Node? Also, if you are building from scratch, how do you determine what dependencies to use?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://syntax.fm/show/425/updating-project-dependencies">Syntax show 425: Updating Project Dependencies</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=45:52">45:52</a></strong> Clarification on the browser blocking.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href= "https://blog.mozilla.org/addons/2022/11/17/manifest-v3-signing-available-november-21-on-firefox-nightly/#:~:text=Firefox%20MV3%20stands%20apart%20from%20other%20iterations%20of,service%20workers%20in%20the%20future%20for%20compatibility.%20"> Mozilla’s vision for Firefox MV3</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=49:19">49:19</a></strong> Problems when working with JavaScript’s new Date().</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <strong><a href="#t=54:27">54:27</a></strong> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="25" data-line-end="26"> <a id="Sick_Picks_25"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="27" data-line-end="29"> Scott: <a href="https://amzn.to/48jcg4W">LED Flashlight</a></li> </ul> <h3 class="code-line" data-line-start="29" data-line-end="30"> <a id="Shameless_Plugs_29"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="31" data-line-end="33"> Wes: <a href="https://www.youtube.com/@syntaxfm">Syntax YouTube</a></li> </ul> <h3 class="code-line" data-line-start="33" data-line-end="34"> <a id="Hit_us_up_on_Socials_33"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="35" data-line-end="36"> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a></p> <p class="has-line-data" data-line-start="37" data-line-end="38"> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a></p> <p class="has-line-data" data-line-start="39" data-line-end="40"> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a></p> <p class="has-line-data" data-line-start="41" data-line-end="42"> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a></p>

In this potluck episode of Syntax, Wes and Scott discuss egress, scraping, Safari EU changes, and answer questions on updating dependencies and SetInterval.
 Show Notes  00:00 Welcome to Syntax!
 01:35 Brought to you by Sentry.io.
 02:49 I have over 100,000 user images on Cloudinary. How do I migrate to another service?
 Cloudflare-Cloudinary Proxy

 07:27 Switching from Mac to PC.
 Figma, DaVinci Resolve

 12:32 What’s your take on the Safari 17.4 PWA removal debacle for EU users?
 Bug Report

 Fullscreen API Bug Report

 19:45 Is there any clear front-runner when it comes to monorepo tools?
 23:44 Some big web apps have a div relatively high in the DOM with a class like “scroll-container” or “cursor-events”, why is that?
 32:15 Is ChatGPT Plus worth it? I’m trying to avoid death by 1000 subscriptions.
 ElevenLabs

 37:47 Performance vs accuracy when working with timers.
 40:37 How do you update the dependencies to work with a current version of Node? Also, if you are building from scratch, how do you determine what dependencies to use?
 Syntax show 425: Updating Project Dependencies

 45:52 Clarification on the browser blocking.
  Mozilla’s vision for Firefox MV3

 49:19 Problems when working with JavaScript’s new Date().
 54:27 Sick Picks + Shameless Plugs.
  Sick Picks  Scott: LED Flashlight

  Shameless Plugs  Wes: Syntax YouTube

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

733: Egress, scraping, Safari EU changes, is SetInterval worth it?

Poslechněte si podcast