Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck × JR Devs & Copilot × CSS Variable Limitations × SvelteKit

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.

In this potluck episode of Syntax, Wes and Scott answer your questions about not becoming dependent on Copilot, CSS variable limitations, finding Sick Picks, lodash hate, and more! <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:11">00:11</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:55">00:55</a> Ice, ice baby</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:01">02:01</a> Reactathon</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.reactathon.com/">Reactathon returns May 2-3, 2023</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.fastly.com/">The edge cloud platform behind the best of the web | Fastly</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=04:49">04:49</a> Submit your question for our next potluck</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=05:24">05:24</a> How do you suggest adding form / database to Svelte?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://svelte.dev/">Svelte • Cybernetically enhanced web apps</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://astro.build/">Astro</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=08:18">08:18</a> What can’t go into a CSS custom prop?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=12:42">12:42</a> Are there any really good certifications for Javascript or general full stack development?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=16:21">16:21</a> What is the most exciting thing about teaching programming for both of you?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=19:37">19:37</a> What is the most challenging thing you have ever overcome in this field?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=21:55">21:55</a> How can junior to mid-level devs make the most out of GitHub Copilot while avoiding getting dependent on it and hurting their abilities in the long run?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=26:23">26:23</a> Any tips on driving a culture of code quality in a team?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=30:28">30:28</a> How soon should Sentry be brought into a new project being built from scratch?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=33:11">33:11</a> Is there a place where I can search through all the Sick Picks?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://syntax.fm/sickpicks">Syntax Sick Picks</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=34:40">34:40</a> Why is box-sizing: border-box; not the default?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=37:51">37:51</a> Is using lodash in a NextJS web application a terrible idea nowadays?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=40:42">40:42</a> What is the best practice for storing JWT token?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=43:53">43:53</a> Any tips on converting ajax requests to use Fetch API?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://www.npmjs.com/package/patch-package">patch-package - npm</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=45:11">45:11</a> Any suggestions for tips for updating a very dated React Native codebase?</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <a href="#t=50:56">50:56</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="30" data-line-end="31"> <a id="_SIIIIICK__PIIIICKS__30"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Scott: Tales of Taboo podcast <a href= "https://open.spotify.com/show/0LdFA4R6OpPAun8MqLa6nF">Spotify</a> / <a href= "https://podcasts.apple.com/us/podcast/tales-of-taboo/id1457365096"> Apple Podcasts</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: Rubber Flooring</li> </ul> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="Shameless_Plugs_35"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="38" data-line-end="40"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="40" data-line-end="41"> <a id="Tweet_us_your_tasty_treats_40"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://bsky.app/profile/syntax.fm/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this potluck episode of Syntax, Wes and Scott answer your questions about not becoming dependent on Copilot, CSS variable limitations, finding Sick Picks, lodash hate, and more!
 Show Notes  00:11 Welcome
 00:55 Ice, ice baby
 02:01 Reactathon
 Reactathon returns May 2-3, 2023

 The edge cloud platform behind the best of the web | Fastly

 04:49 Submit your question for our next potluck
 05:24 How do you suggest adding form / database to Svelte?
 Svelte • Cybernetically enhanced web apps

 Astro

 08:18 What can’t go into a CSS custom prop?
 12:42 Are there any really good certifications for Javascript or general full stack development?
 16:21 What is the most exciting thing about teaching programming for both of you?
 19:37 What is the most challenging thing you have ever overcome in this field?
 21:55 How can junior to mid-level devs make the most out of GitHub Copilot while avoiding getting dependent on it and hurting their abilities in the long run?
 26:23 Any tips on driving a culture of code quality in a team?
 30:28 How soon should Sentry be brought into a new project being built from scratch?
 33:11 Is there a place where I can search through all the Sick Picks?
 Syntax Sick Picks

 34:40 Why is box-sizing: border-box; not the default?
 37:51 Is using lodash in a NextJS web application a terrible idea nowadays?
 40:42 What is the best practice for storing JWT token?
 43:53 Any tips on converting ajax requests to use Fetch API?
 patch-package - npm

 45:11 Any suggestions for tips for updating a very dated React Native codebase?
 50:56 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Tales of Taboo podcast Spotify / Apple Podcasts

 Wes: Rubber Flooring
  Shameless Plugs  Scott: Sentry

 Wes: Wes Bos Tutorials

  Tweet us your tasty treats  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

Potluck × JR Devs & Copilot × CSS Variable Limitations × SvelteKit

Poslechněte si podcast