Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Desktop Apps + New Tech We Love

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="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about the hottest new tech they love!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Linode__Sponsor_9" name="Linode__Sponsor_9"></a>Linode - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> 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.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Sentry__Sponsor_12" name="Sentry__Sponsor_12"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io/">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="16" data-line-end="17"> 03:30 - Lucy Language</p> <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://lucylang.org/">https://lucylang.org/</a></li> <li class="has-line-data" data-line-start="18" data-line-end="20">A concise language for describing Finite State Machines</li> </ul> <p class="has-line-data" data-line-start="20" data-line-end="21"> 06:10 - MDSvex</p> <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href= "https://github.com/pngwn/MDsveX">https://github.com/pngwn/MDsveX</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Mdx for Svelte</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> Smartypants options transforms ASCII punctuation into fancy typographic punctuation HTML entities</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <a href= "https://github.com/rehypejs/awesome-rehype">https://github.com/rehypejs/awesome-rehype</a></li> </ul> <p class="has-line-data" data-line-start="26" data-line-end="27"> 09:56 - RECut</p> <ul> <li class="has-line-data" data-line-start="27" data-line-end="29"> <a href="https://getrecut.com/">https://getrecut.com/</a></li> </ul> <p class="has-line-data" data-line-start="29" data-line-end="30"> 12:26 - Fig</p> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://fig.io/">https://fig.io/</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> It’s an app you install on your computer, it adds autocomplete to your terminal</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> Works with most popular terminals</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> Autocompletes git commands</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> NPM commands + tons more - npm install ___ works</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> Adds descriptions of what each command does</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> Mac only - again another reason why Mac is best!</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> Themeable</li> <li class="has-line-data" data-line-start="38" data-line-end="43"> Why not use Fish/ZSH? <ul> <li class="has-line-data" data-line-start="39" data-line-end="40"> This isn’t a replacement for anything, it’s just autocomplete on top</li> <li class="has-line-data" data-line-start="40" data-line-end="41"> These fish plugins are to vim, as Fig is to VS Code</li> <li class="has-line-data" data-line-start="41" data-line-end="43"> Better UI is KEY</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="43" data-line-end="44"> 15:56 - Warp</p> <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.warp.dev/">https://www.warp.dev/</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> Rust-based termnial</li> <li class="has-line-data" data-line-start="46" data-line-end="47"> Very fast</li> <li class="has-line-data" data-line-start="47" data-line-end="48"> Extensions and themes</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> Share commands and sessions</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> Great for remote server dev</li> <li class="has-line-data" data-line-start="50" data-line-end="52"> Share terminal state - with share links</li> </ul> <p class="has-line-data" data-line-start="52" data-line-end="53"> 19:33 - Raycast</p> <ul> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href= "https://www.raycast.com/">https://www.raycast.com/</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> App launcher</li> <li class="has-line-data" data-line-start="55" data-line-end="56"> File Finder</li> <li class="has-line-data" data-line-start="56" data-line-end="57"> Workflow runner</li> <li class="has-line-data" data-line-start="57" data-line-end="58"> Everyone is asking why is it better than Alfred</li> <li class="has-line-data" data-line-start="58" data-line-end="59"> better UI</li> <li class="has-line-data" data-line-start="59" data-line-end="60"> Better outputs math</li> <li class="has-line-data" data-line-start="60" data-line-end="61"> Better defaults - currency conversion</li> <li class="has-line-data" data-line-start="61" data-line-end="62"> Fast as hell</li> <li class="has-line-data" data-line-start="62" data-line-end="63"> Better integrations</li> <li class="has-line-data" data-line-start="63" data-line-end="65"> More Flexible</li> </ul> <p class="has-line-data" data-line-start="65" data-line-end="66"> 21:26 - Table Plus</p> <ul> <li class="has-line-data" data-line-start="66" data-line-end="67"> <a href="https://tableplus.com/">https://tableplus.com/</a></li> <li class="has-line-data" data-line-start="67" data-line-end="69"> Fantastic little DB tool</li> </ul> <p class="has-line-data" data-line-start="69" data-line-end="70"> 23:59 - Obsidian Update</p> <ul> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href="https://obsidian.md/">https://obsidian.md/</a></li> </ul> <ul> <li class="has-line-data" data-line-start="71" data-line-end="73"> Wes: I haven’t got into it - find myself still going back to VS Code</li> </ul> <p class="has-line-data" data-line-start="73" data-line-end="74"> 26:50 - Descript Update</p> <ul> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href= "https://www.descript.com/">https://www.descript.com/</a></li> <li class="has-line-data" data-line-start="75" data-line-end="77"> All-in-one audio and video editing, like a doc</li> </ul> <h2 class="code-line" data-line-start="77" data-line-end="78"> <a id="Links_77" name="Links_77"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="78" data-line-end="79"> <a href= "https://chriscoyier.net/">https://chriscoyier.net/</a></li> <li class="has-line-data" data-line-start="79" data-line-end="80"> <a href="https://hyper.is/">https://hyper.is/</a></li> <li class="has-line-data" data-line-start="80" data-line-end="81"> <a href= "https://www.alfredapp.com/">https://www.alfredapp.com/</a></li> <li class="has-line-data" data-line-start="81" data-line-end="82"> <a href="https://strapi.io/">https://strapi.io/</a></li> <li class="has-line-data" data-line-start="82" data-line-end="83"> <a href="https://studio3t.com/">https://studio3t.com/</a></li> <li class="has-line-data" data-line-start="83" data-line-end="84"> <a href= "https://www.mindnode.com/">https://www.mindnode.com/</a></li> <li class="has-line-data" data-line-start="84" data-line-end="85"> <a href="https://remarkable.com/">https://remarkable.com/</a></li> <li class="has-line-data" data-line-start="85" data-line-end="86"> <a href="https://www.notion.so/">https://www.notion.so/</a></li> <li class="has-line-data" data-line-start="86" data-line-end="87"> <a href="https://joplinapp.org/">https://joplinapp.org/</a></li> <li class="has-line-data" data-line-start="87" data-line-end="88"> <a href= "http://www.telestream.net/screenflow/overview.htm">http://www.telestream.net/screenflow/overview.htm</a></li> <li class="has-line-data" data-line-start="88" data-line-end="90"> <a href= "https://shinywhitebox.com/">https://shinywhitebox.com/</a></li> </ul> <h2 class="code-line" data-line-start="90" data-line-end="91"> <a id="Tweet_us_your_tasty_treats_90" name= "Tweet_us_your_tasty_treats_90"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="91" data-line-end="92"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="92" data-line-end="93"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="93" data-line-end="94"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="94" data-line-end="95"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="95" data-line-end="96"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="96" data-line-end="97"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="97" data-line-end="98"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about the hottest new tech they love!
 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.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Show Notes 03:30 - Lucy Language
  https://lucylang.org/

 A concise language for describing Finite State Machines
  06:10 - MDSvex
  https://github.com/pngwn/MDsveX

 Mdx for Svelte
 Smartypants options transforms ASCII punctuation into fancy typographic punctuation HTML entities
 https://github.com/rehypejs/awesome-rehype

  09:56 - RECut
  https://getrecut.com/

  12:26 - Fig
  https://fig.io/

 It’s an app you install on your computer, it adds autocomplete to your terminal
 Works with most popular terminals
 Autocompletes git commands
 NPM commands + tons more - npm install ___ works
 Adds descriptions of what each command does
 Mac only - again another reason why Mac is best!
 Themeable
 Why not use Fish/ZSH?  This isn’t a replacement for anything, it’s just autocomplete on top
 These fish plugins are to vim, as Fig is to VS Code
 Better UI is KEY

  15:56 - Warp
  https://www.warp.dev/

 Rust-based termnial
 Very fast
 Extensions and themes
 Share commands and sessions
 Great for remote server dev
 Share terminal state - with share links
  19:33 - Raycast
  https://www.raycast.com/

 App launcher
 File Finder
 Workflow runner
 Everyone is asking why is it better than Alfred
 better UI
 Better outputs math
 Better defaults - currency conversion
 Fast as hell
 Better integrations
 More Flexible
  21:26 - Table Plus
  https://tableplus.com/

 Fantastic little DB tool
  23:59 - Obsidian Update
  https://obsidian.md/

  Wes: I haven’t got into it - find myself still going back to VS Code
  26:50 - Descript Update
  https://www.descript.com/

 All-in-one audio and video editing, like a doc
  Links  https://chriscoyier.net/

 https://hyper.is/

 https://www.alfredapp.com/

 https://strapi.io/

 https://studio3t.com/

 https://www.mindnode.com/

 https://remarkable.com/

 https://www.notion.so/

 https://joplinapp.org/

 http://www.telestream.net/screenflow/overview.htm

 https://shinywhitebox.com/

  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

Hasty Treat - Desktop Apps + New Tech We Love

Poslechněte si podcast