Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - How to Pick a Tech Stack × useEffect × setTimeout × Staying Focused

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 episode of Syntax, Wes and Scott answer your questions about picking the right tech stack, whether useEffect is still useful, benefit to use uses setTimeout, and more! <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Linode___Sponsor_2"></a>Linode - Sponsor</h2> Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at <a href= "https://linode.com/syntax">linode.com/syntax</a>. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit <a href= "https://linode.com/syntax">linode.com/syntax</a> and click on the “Create Free Account” button to get started. <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "LogRocket__Sponsor_6"></a>LogRocket - Sponsor</h2> 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>. <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Auth0__Sponsor_10"></a>Auth0 - Sponsor</h2> 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">a0.to/syntax</a> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=00:23">00:23</a> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=02:39">02:39</a> What’s the best way of comparing the efficiency of object literals created from a factory function vs objects created by new’ing a class.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://perf.link/">Perf.link</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=06:54">06:54</a> How can I always see the full signature in VS Code?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=10:40">10:40</a> What’s your process for picking a stack when starting a project?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=14:41">14:41</a> Sponsor: Linode</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=15:23">15:23</a> Is snapshot testing really worth it?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href= "https://marketplace.visualstudio.com/items?itemName=tamj0rd2.ts-quickfixes-extension"> TS QuickFixes</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=20:54">20:54</a> What are your thoughts on ISR Incremental Static Regeneration?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=25:20">25:20</a> Is useEffect public enemy #1?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://www.youtube.com/watch?v=HPoC-k7Rxwo">Goodbye, useEffect: David Khourshid</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=29:02">29:02</a> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=30:17">30:17</a> Is there any benefit to use uses setTimeout instead of setInterval?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.mongodb.com">MongoDB</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.prisma.io">Prisma</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=37:13">37:13</a> HTML to PDF a great solution I use is gotenberg.dev</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://gotenberg.dev">gotenberg.dev</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=40:12">40:12</a> Although async/await might make for code that is easier to grok, I find it worse for chaining functions.</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href= "https://github.com/tc39/proposal-pipeline-operator">Pipeline Operator proposal</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=45:07">45:07</a> How do you guys stay focused for meaningful periods of time?</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="#t=48:36">48:36</a> How should code formatters be configured and combined?</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://prettier.io">Prettier</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://eslint.org">ES Lint</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://editorconfig.org">Editor Config</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://github.com/wesbos/eslint-config-wesbos">No-Sweat™ Eslint and Prettier Setup</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="#t=51:56">51:56</a> What’s your opinion on the latest Sveltekit changes with load, file based routing, and more?</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href= "https://www.youtube.com/watch?v=OUGn7VifUCg&t=134s">Major Svelte Kit API Change - Fixing <code>load</code>, and tightening up SvelteKit’s design before 1.0</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://astro.build">Astro</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://github.com/nanostores/nanostores">Nano Store</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="#t=55:53">55:53</a> Sponsor: Auth0</li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="#t=56:47">56:47</a> SIIIIICK ××× PIIIICKS ×××</li> </ul>

In this episode of Syntax, Wes and Scott answer your questions about picking the right tech stack, whether useEffect is still useful, benefit to use uses setTimeout, and more!
 Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.
 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. a0.to/syntax
 Show Notes  00:23 Welcome
 02:39 What’s the best way of comparing the efficiency of object literals created from a factory function vs objects created by new’ing a class.
 Perf.link

 06:54 How can I always see the full signature in VS Code?
 10:40 What’s your process for picking a stack when starting a project?
 14:41 Sponsor: Linode
 15:23 Is snapshot testing really worth it?
  TS QuickFixes

 20:54 What are your thoughts on ISR Incremental Static Regeneration?
 25:20 Is useEffect public enemy #1?
 Goodbye, useEffect: David Khourshid

 29:02 Sponsor: LogRocket
 30:17 Is there any benefit to use uses setTimeout instead of setInterval?
 MongoDB

 Prisma

 37:13 HTML to PDF a great solution I use is gotenberg.dev
 gotenberg.dev

 40:12 Although async/await might make for code that is easier to grok, I find it worse for chaining functions.
 Pipeline Operator proposal

 45:07 How do you guys stay focused for meaningful periods of time?
 48:36 How should code formatters be configured and combined?
 Prettier

 ES Lint

 Editor Config

 No-Sweat™ Eslint and Prettier Setup

 51:56 What’s your opinion on the latest Sveltekit changes with load, file based routing, and more?
 Major Svelte Kit API Change - Fixing load, and tightening up SvelteKit’s design before 1.0

 Astro

 Nano Store

 55:53 Sponsor: Auth0
 56:47 SIIIIICK ××× PIIIICKS ×××

Aplikace Youradio Talk

Pro přehrání dalších podcastů se prosím registrujte.

Potluck - How to Pick a Tech Stack × useEffect × setTimeout × Staying Focused

Poslechněte si podcast