Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - Protestware × NoSQL × Next.js × ESM × Jest

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 answer your questions about protestware, NoSQL, Next.js, the <a href= "http://Syntax.fm">Syntax.fm</a> website, ESM, Jest, and more!</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Prismic___Sponsor_2" name="Prismic___Sponsor_2"></a>Prismic - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at <a href= "https://prismic.io/syntax">prismic.io/syntax</a>.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "LogRocket__Sponsor_6" name="LogRocket__Sponsor_6"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Auth0__Sponsor_10" name="Auth0__Sponsor_10"></a>Auth0 - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. <a href="https://a0.to/syntax">https://a0.to/syntax</a></p> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=01:30">01:30</a></strong> What are the good reasons to use nextjs apart from personal preference?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=05:15">05:15</a></strong> How did you decide to build <a href="http://Syntax.fm">Syntax.fm</a>?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://uses.tech">Uses.tech</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=09:09">09:09</a></strong> Why does my M1 Mac feel slower than my Intel Mac?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=14:44">14:44</a></strong> Do you alphabetize your larger javascript objects by key name?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=17:14">17:14</a></strong> Sponsor: Prismic</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=19:06">19:06</a></strong> Why did you choose noSQL database over SQL databse?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=25:13">25:13</a></strong> What does it mean to support ESM?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=30:23">30:23</a></strong> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=31:35">31:35</a></strong> Are open source maintainers doing harm by inserting protestware into packages?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://checkmarx.com/blog/new-protestware-found-lurking-in-highly-popular-npm-package/"> Protestware found lurking in popular npm package</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=40:30">40:30</a></strong> Should I write the game logic on the backend or on the frontend?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=46:30">46:30</a></strong> Sponsor: Auth0</li> <li class="has-line-data" data-line-start="30" data-line-end="32"> <strong><a href="#t=48:20">48:20</a></strong> Sick Picks</li> </ul> <h2 class="code-line" data-line-start="32" data-line-end="33"> <a id="_SIIIIICK__PIIIICKS__32" name= "_SIIIIICK__PIIIICKS__32"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="34" data-line-end="35"> Scott: <a href="https://beta.prx.org/series/41240">Eons Mysteries of Time podcast</a></li> <li class="has-line-data" data-line-start="35" data-line-end="37"> Wes: <a href="https://amzn.to/3N83pZz">Mr Bio Multi cable</a></li> </ul> <h2 class="code-line" data-line-start="37" data-line-end="38"> <a id="Shameless_Plugs_37" name="Shameless_Plugs_37"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="39" data-line-end="40"> Scott: <a href="https://leveluptutorials.com/">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="40" data-line-end="42"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="42" data-line-end="43"> <a id="Tweet_us_your_tasty_treats_42" name= "Tweet_us_your_tasty_treats_42"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this potluck episode of Syntax, Wes and Scott answer your questions about protestware, NoSQL, Next.js, the Syntax.fm website, ESM, Jest, and more!
 Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax
 Show Notes  00:10 Welcome
 01:30 What are the good reasons to use nextjs apart from personal preference?
 05:15 How did you decide to build Syntax.fm?
 Uses.tech

 09:09 Why does my M1 Mac feel slower than my Intel Mac?
 14:44 Do you alphabetize your larger javascript objects by key name?
 17:14 Sponsor: Prismic
 19:06 Why did you choose noSQL database over SQL databse?
 25:13 What does it mean to support ESM?
 30:23 Sponsor: LogRocket
 31:35 Are open source maintainers doing harm by inserting protestware into packages?
  Protestware found lurking in popular npm package

 40:30 Should I write the game logic on the backend or on the frontend?
 46:30 Sponsor: Auth0
 48:20 Sick Picks
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Eons Mysteries of Time podcast

 Wes: Mr Bio Multi cable

  Shameless Plugs  Scott: LevelUp Tutorials

 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

Aplikace Youradio Talk

Potluck - Protestware × NoSQL × Next.js × ESM × Jest

Poslechněte si podcast