Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Arc Browser with Hursh Agrawal

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 supper club episode of Syntax, Wes and Scott talk with Hursh Agrawal of The Browser Company about Scott’s favorite browser, Arc. How do you make a browser in 2022? Will there be a Windows version? And who is the target market for Arc?</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "FireHydrant__Sponsor_2" name= "FireHydrant__Sponsor_2"></a>FireHydrant - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> Incidents are hard. Managing them shouldn’t be. <a href= "https://Firehydrant.com/syntax">FireHydrant</a> makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Gatsby__Sponsor_6" name="Gatsby__Sponsor_6"></a>Gatsby - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit <a href="https://gatsby.dev/Syntax">Gatsby.dev/Syntax</a> to get your first Gatsby site up in minutes and experience the speed. ⚡️</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:34">00:34</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="http://www.hurshagrawal.com">HurshAgrawal.com</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://twitter.com/hursh">@Hursh</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=02:53">02:53</a></strong> What is Arc and why create another browser?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://arc.net">Arc browser</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://thebrowser.company">The browser company</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=05:36">05:36</a></strong> What is different about Arc?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=08:20">08:20</a></strong> Who is the target market for Arc?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=09:30">09:30</a></strong> Sponsor: Auth0</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=10:39">10:39</a></strong> How do you make a browser?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=13:38">13:38</a></strong> Will there be a Windows version of Arc?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=15:57">15:57</a></strong> Where did the CMD-T functionality come from?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=19:27">19:27</a></strong> Sponsor: FireHydrant</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=20:39">20:39</a></strong> How do you build on top of the Chrome engine?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=24:17">24:17</a></strong> How does The Browser Company make money?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=27:26">27:26</a></strong> Do you mess with the user agent?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=29:05">29:05</a></strong> Why do you require account set up to use Arc?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=32:58">32:58</a></strong> Sponsor: Gatsby</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=33:59">33:59</a></strong> How did you come up with your theming engine?</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=36:15">36:15</a></strong> Supper Club Questions</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://www.warp.dev">Warp</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://news.ycombinator.com">Hacker News</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://changelog.com">Changelog</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://every.to">Every</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href= "https://stratechery.com/concept/business-models/bundling-and-unbundling/"> Ben Thompson Bundling and Unbundling</a></li> <li class="has-line-data" data-line-start="41" data-line-end="43"> <strong><a href="#t=42:59">42:59</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="_SIIIIICK__PIIIICKS__43" name= "_SIIIIICK__PIIIICKS__43"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="45" data-line-end="47"> <a href= "https://www.jabra.ca/business/speakerphones/jabra-speak-series/jabra-speak-710##7710-409"> Jabra speakerphone</a></li> </ul> <h2 class="code-line" data-line-start="47" data-line-end="48"> <a id="Tweet_us_your_tasty_treats_47" name= "Tweet_us_your_tasty_treats_47"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this supper club episode of Syntax, Wes and Scott talk with Hursh Agrawal of The Browser Company about Scott’s favorite browser, Arc. How do you make a browser in 2022? Will there be a Windows version? And who is the target market for Arc?
 FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
 Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
 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:34 Welcome
 HurshAgrawal.com

 @Hursh

 02:53 What is Arc and why create another browser?
 Arc browser

 The browser company

 05:36 What is different about Arc?
 08:20 Who is the target market for Arc?
 09:30 Sponsor: Auth0
 10:39 How do you make a browser?
 13:38 Will there be a Windows version of Arc?
 15:57 Where did the CMD-T functionality come from?
 19:27 Sponsor: FireHydrant
 20:39 How do you build on top of the Chrome engine?
 24:17 How does The Browser Company make money?
 27:26 Do you mess with the user agent?
 29:05 Why do you require account set up to use Arc?
 32:58 Sponsor: Gatsby
 33:59 How did you come up with your theming engine?
 36:15 Supper Club Questions
 Warp

 Hacker News

 Changelog

 Every

  Ben Thompson Bundling and Unbundling

 42:59 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Jabra speakerphone

  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

Supper Club × Arc Browser with Hursh Agrawal

Poslechněte si podcast