Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Rust for JS Devs — Part 2

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 episode of Syntax, Wes and Scott jump into part 2 of their look at Rust for JavaScript developers, including variables in Rust, type systems in Rust, signed and unsigned integers, and more.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=00:43">00:43</a></strong> Audio issue bugs</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:17">03:17</a></strong> Building decks</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=06:06">06:06</a></strong> Variables in Rust</li> <li class="has-line-data" data-line-start="8" data-line-end="10"> <a href= "https://syntax.fm/show/647/rust-for-javascript-developers-node-vs-rust-concepts"> Syntax 647: Rust for JavaScript Developers - Node vs Rust Concepts</a></li> </ul> <pre><code class="has-line-data" data-line-start="11" data-line-end="15">let x = 5;  // x is immutable let mut x = 5; // x is mutable const MAX_POINTS: u32 = 100_000; // must be defined at compile time </code></pre> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=10:42">10:42</a></strong> Type System in Rust</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=15:52">15:52</a></strong> Types in Rust</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=19:06">19:06</a></strong> Why does Rust have signed and unsigned integers?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=23:35">23:35</a></strong> Slicing strings with &str</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=27:35">27:35</a></strong> enum</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=27:55">27:55</a></strong> struct</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=28:19">28:19</a></strong> Vec</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=29:33">29:33</a></strong> HashMap and HashSet</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <strong><a href="#t=33:00">33:00</a></strong> Converting Signed to Unsigned Numbers</li> </ul> <pre><code class="has-line-data" data-line-start="27" data-line-end="30">let unsigned_value: u8 = 200; let signed_value: i8 = unsigned_value as i8; </code></pre> <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=36:12">36:12</a></strong> What’s up with &str?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=43:31">43:31</a></strong> Rust error messages</li> <li class="has-line-data" data-line-start="33" data-line-end="35"> <strong><a href="#t=45:28">45:28</a></strong> What is a Struct?</li> </ul> <pre><code class="has-line-data" data-line-start="36" data-line-end="57">struct User {    username: String,     email: String,     sign_in_count: u64,     active: bool, }  // You can create an instance of a struct like this: let user1 = User {     email: String::from("someone@example.com"),     username: String::from("someusername123"),     active: true,     sign_in_count: 1, };  impl User {     fn login(&mut self) {         self.login_count += 1;     } } </code></pre> <ul> <li class="has-line-data" data-line-start="58" data-line-end="60"> <strong><a href="#t=49:17">49:17</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="60" data-line-end="61"> <a id="_SIIIIICK__PIIIICKS__60"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="62" data-line-end="63"> Scott: <a href="https://amzn.to/3PZmbXG">Thermacell Patio Shield</a></li> <li class="has-line-data" data-line-start="63" data-line-end="65"> Wes: <a href="https://amzn.to/3OPIHS5">Magnet Phone Mount</a></li> </ul> <h2 class="code-line" data-line-start="65" data-line-end="66"> <a id="Shameless_Plugs_65"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="67" data-line-end="68"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="68" data-line-end="70"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="70" data-line-end="71"> <a id="Tweet_us_your_tasty_treats_70"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="76" data-line-end="77"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="78" data-line-end="79"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="79" data-line-end="80"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="80" data-line-end="81"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="81" data-line-end="82"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, Wes and Scott jump into part 2 of their look at Rust for JavaScript developers, including variables in Rust, type systems in Rust, signed and unsigned integers, and more.
 Show Notes  00:10 Welcome
 00:43 Audio issue bugs
 03:17 Building decks
 06:06 Variables in Rust
  Syntax 647: Rust for JavaScript Developers - Node vs Rust Concepts

 let x = 5; // x is immutable let mut x = 5; // x is mutable const MAX_POINTS: u32 = 100_000; // must be defined at compile time  10:42 Type System in Rust
 15:52 Types in Rust
 19:06 Why does Rust have signed and unsigned integers?
 23:35 Slicing strings with &str
 27:35 enum
 27:55 struct
 28:19 Vec
 29:33 HashMap and HashSet
 33:00 Converting Signed to Unsigned Numbers
 let unsigned_value: u8 = 200; let signed_value: i8 = unsigned_value as i8;  36:12 What’s up with &str?
 43:31 Rust error messages
 45:28 What is a Struct?
 struct User {  username: String,   email: String,   sign_in_count: u64,   active: bool, } // You can create an instance of a struct like this: let user1 = User {   email: String::from("someone@example.com"),   username: String::from("someusername123"),   active: true,   sign_in_count: 1, }; impl User {   fn login(&mut self) {     self.login_count += 1;   } }  49:17 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Thermacell Patio Shield

 Wes: Magnet Phone Mount

  Shameless Plugs  Scott: Sentry

 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
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

Rust for JS Devs — Part 2

Poslechněte si podcast