Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - API Fetching × PDF Creation × tRPC × Stripe vs PayPal

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 middleman for API fetching, when to introduce SvelteKit, generating PDFs serverside, trade offs of being an entrepreneur vs employee, 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= "Auth0__Sponsor_6" name="Auth0__Sponsor_6"></a>Auth0 - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> 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="10" data-line-end="11"> <a id="LogRocket__Sponsor_10" name= "LogRocket__Sponsor_10"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> 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="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:18">00:18</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=02:50">02:50</a></strong> Is there a way to create a “middleman” to fetch data from an API once a day?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://redis.io">Redis</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=06:53">06:53</a></strong> Should I wait before introducing team members to SvelteKit?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://github.com/sveltejs/kit/discussions/5748">SvelteKit V1 issues</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=10:28">10:28</a></strong> What options do we have for generating PDFs serverside?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://wkhtmltopdf.org">WKHTML to PDF</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://pptr.dev">Puppeteer</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://phantomjs.org">PhantomJS</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://www.npmjs.com/package/html2canvas">html2canvas</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://github.com/adamschwartz/generate.invoice.workers.dev/blob/master/index.js"> Generate Invoice Workers</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=15:47">15:47</a></strong> Sponsor: Prismic</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=17:08">17:08</a></strong> How do you say thank you to sponsors?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=18:32">18:32</a></strong> How would you compare the tradeoffs of working at a tech company vs. an agency vs. freelancing vs. entrepreneurship?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=20:47">20:47</a></strong> What’s the best way for an oldie like me to catch up?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://cssgrid.io">CSS Grid.io</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href= "https://leveluptutorials.com/tutorials/modern-css-layouts/about-modern-css-layouts"> Modern CSS Layouts</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=26:08">26:08</a></strong> I’m wondering what do you think about tRPC?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://trpc.io">trpc.io</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://github.com/t3-oss/create-t3-app">Create t3 app</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=29:00">29:00</a></strong> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <strong><a href="#t=30:03">30:03</a></strong> PDF creator Cloudflare worker</li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <strong><a href="#t=32:50">32:50</a></strong> How do you feel about keeping separate accounts for things like Twitter?</li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <strong><a href="#t=37:28">37:28</a></strong> Does using prototypes mean you are not doing functional programming?</li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <strong><a href="#t=42:09">42:09</a></strong> PHP vs JavaScript based CMS</li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://ghost.org">Ghost</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://keystonejs.com">Keystone</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://strapi.io">Strapi</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <strong><a href="#t=45:15">45:15</a></strong> Sponsor: Auth0</li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <strong><a href="#t=46:21">46:21</a></strong> Why do you think this mindset that with age comes an inability to learn?</li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href= "https://syntax.fm/show/044/how-to-learn-new-things-quickly">Syntax 44 How to Learn New Things Quickly</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <strong><a href="#t=51:32">51:32</a></strong> Are there other payment providers you guys recommend or should I stick with Stripe and hope for the best?</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://stripe.com">Stripe</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://www.paypal.com">Paypal</a></li> <li class="has-line-data" data-line-start="50" data-line-end="52"> <strong><a href="#t=56:10">56:10</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="52" data-line-end="53"> <a id="_SIIIIICK__PIIIICKS__52" name= "_SIIIIICK__PIIIICKS__52"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="54" data-line-end="55"> Scott: <a href="https://literatureandhistory.com/">Literature and History</a></li> <li class="has-line-data" data-line-start="55" data-line-end="57"> Wes: <a href="https://amzn.to/3OKAeMJ">Kitchen faucet</a></li> </ul> <h2 class="code-line" data-line-start="57" data-line-end="58"> <a id="Shameless_Plugs_57" name="Shameless_Plugs_57"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="59" data-line-end="60"> Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="60" data-line-end="62"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="62" data-line-end="63"> <a id="Tweet_us_your_tasty_treats_62" name= "Tweet_us_your_tasty_treats_62"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="64" data-line-end="65"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="66" data-line-end="67"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> 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 middleman for API fetching, when to introduce SvelteKit, generating PDFs serverside, trade offs of being an entrepreneur vs employee, 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.
 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
 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.
 Show Notes  00:18 Welcome
 02:50 Is there a way to create a “middleman” to fetch data from an API once a day?
 Redis

 06:53 Should I wait before introducing team members to SvelteKit?
 SvelteKit V1 issues

 10:28 What options do we have for generating PDFs serverside?
 WKHTML to PDF

 Puppeteer

 PhantomJS

 html2canvas

  Generate Invoice Workers

 15:47 Sponsor: Prismic
 17:08 How do you say thank you to sponsors?
 18:32 How would you compare the tradeoffs of working at a tech company vs. an agency vs. freelancing vs. entrepreneurship?
 20:47 What’s the best way for an oldie like me to catch up?
 CSS Grid.io

  Modern CSS Layouts

 26:08 I’m wondering what do you think about tRPC?
 trpc.io

 Create t3 app

 29:00 Sponsor: LogRocket
 30:03 PDF creator Cloudflare worker
 32:50 How do you feel about keeping separate accounts for things like Twitter?
 37:28 Does using prototypes mean you are not doing functional programming?
 42:09 PHP vs JavaScript based CMS
 Ghost

 Keystone

 Strapi

 45:15 Sponsor: Auth0
 46:21 Why do you think this mindset that with age comes an inability to learn?
 Syntax 44 How to Learn New Things Quickly

 51:32 Are there other payment providers you guys recommend or should I stick with Stripe and hope for the best?
 Stripe

 Paypal

 56:10 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Literature and History

 Wes: Kitchen faucet

  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 - API Fetching × PDF Creation × tRPC × Stripe vs PayPal

Poslechněte si podcast