Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

764: Biome JS with Emanuele Stoppa

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.

Join Scott and Wes as they delve into the fascinating realm of Biome.JS alongside Emanuele Stoppa, the mastermind behind it all. Why is it written in Rust? Why are other tools so slow? Could Biome be the ultimate successor to ESLint or Prettier? Grab a seat at the table and find out! <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:10">00:10</a> Brought to you by <a href="https://www.sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=01:49">01:49</a> Who is Emanuele Stoppa and what is Biome?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=03:18">03:18</a> What happened to Rome?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=05:49">05:49</a> Who’s paying for Biome to be developed?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=07:28">07:28</a> How many people are working on Biome?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=09:24">09:24</a> Why do we even need Biome?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=11:38">11:38</a> Why are other tools so slow?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=12:55">12:55</a> Cost of compute.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=14:01">14:01</a> The cache management.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=14:30">14:30</a> Why was the decision made to move to Rust?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=16:35">16:35</a> The bigger the company, the pricier the compute.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=19:49">19:49</a> How to get started with Biome.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=23:08">23:08</a> Will Biome offer more features than Prettier?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=24:12">24:12</a> <a href= "https://biomejs.dev/internals/language-support/">Language support</a>.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=26:02">26:02</a> A language parser for every language?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=27:45">27:45</a> Will plugins need to be written in Rust?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://github.com/getgrit/gritql">GritQL GitHub</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=31:25">31:25</a> <a href= "https://kaleidawave.github.io/posts/introducing-ezno/">Ezno, TypeScript Compiler</a>.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=33:13">33:13</a> Will we ever see a new TypeScript type-checker?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=35:38">35:38</a> What are your thoughts on the types proposal?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://github.com/tc39/proposal-type-annotations">Proposal Type Annotations</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=38:03">38:03</a> What does your average day look like?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=41:10">41:10</a> What is your role at Astro?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=41:46">41:46</a> What other languages do you know?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=43:22">43:22</a> <a href= "https://biomejs.dev/reference/configuration/#vcsclientkind">Biome VCS</a>.</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=45:14">45:14</a> <a href= "https://github.com/marketplace/actions/setup-biome">GitHub action setup</a>.</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=47:04">47:04</a> Supper Club Questions.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=47:09">47:09</a> What text editor, theme and font are you using?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=48:26">48:26</a> What do you do to stay up to date?</li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <a href="#t=48:54">48:54</a> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="36" data-line-end="37"> <a id="Sick_Picks_36"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="38" data-line-end="40"> Emanuele: Ripley <a href= "https://www.imdb.com/title/tt11016042/">IMDB</a>, <a href= "https://www.netflix.com/ca/title/81678765">Netflix</a>.</li> </ul> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Shameless_Plugs_40"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> Emanuele: <a href="https://astro.build/">Astro</a>, <a href= "https://biomejs.dev/">BiomeJS</a>.</li> </ul> <h3 class="code-line" data-line-start="44" data-line-end="45"> <a id="Hit_us_up_on_Socials_44"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Join Scott and Wes as they delve into the fascinating realm of Biome.JS alongside Emanuele Stoppa, the mastermind behind it all. Why is it written in Rust? Why are other tools so slow? Could Biome be the ultimate successor to ESLint or Prettier? Grab a seat at the table and find out!
 Show Notes  00:00 Welcome to Syntax!
 00:10 Brought to you by Sentry.io.
 01:49 Who is Emanuele Stoppa and what is Biome?
 03:18 What happened to Rome?
 05:49 Who’s paying for Biome to be developed?
 07:28 How many people are working on Biome?
 09:24 Why do we even need Biome?
 11:38 Why are other tools so slow?
 12:55 Cost of compute.
 14:01 The cache management.
 14:30 Why was the decision made to move to Rust?
 16:35 The bigger the company, the pricier the compute.
 19:49 How to get started with Biome.
 23:08 Will Biome offer more features than Prettier?
 24:12 Language support.
 26:02 A language parser for every language?
 27:45 Will plugins need to be written in Rust?
 GritQL GitHub.
 31:25 Ezno, TypeScript Compiler.
 33:13 Will we ever see a new TypeScript type-checker?
 35:38 What are your thoughts on the types proposal?
 Proposal Type Annotations.
 38:03 What does your average day look like?
 41:10 What is your role at Astro?
 41:46 What other languages do you know?
 43:22 Biome VCS.
 45:14 GitHub action setup.
 47:04 Supper Club Questions.
 47:09 What text editor, theme and font are you using?
 48:26 What do you do to stay up to date?
 48:54 Sick Picks & Shameless Plugs.
  Sick Picks  Emanuele: Ripley IMDB, Netflix.
  Shameless Plugs  Emanuele: Astro, BiomeJS.
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

764: Biome JS with Emanuele Stoppa

Poslechněte si podcast