Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Abstraction

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 abstraction in general as well as javascript programming.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "LogRocket__Sponsor_9" name="LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> 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="12" data-line-end="13"> <a id="Show_Notes_12" name="Show_Notes_12"></a>Show Notes</h2> <p class="has-line-data" data-line-start="14" data-line-end="15"> 1:48 - What the heck is abstraction?</p> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17">I like to think of it as sweeping under the rug</li> <li class="has-line-data" data-line-start="17" data-line-end="19"> Vue and React devs should be very familiar with the concept</li> </ul> <p class="has-line-data" data-line-start="19" data-line-end="20"> 4:44 - When to abstract</p> <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> When things are getting too heavy</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Personal preference</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> Some people have an arbitrary line limit</li> </ul> <p class="has-line-data" data-line-start="25" data-line-end="26"> 7:25 - When not to abstract</p> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> When savings are minimal</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> When it just adds a pointless layer</li> </ul> <p class="has-line-data" data-line-start="30" data-line-end="31"> 9:40 - Personal code abstractions vs public</p> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> My personal focus is on API simplicity and baked-in smart defaults</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> More specific</li> <li class="has-line-data" data-line-start="34" data-line-end="36"> Public APIs need to be more flexible or at least for some components</li> </ul> <h2 class="code-line" data-line-start="36" data-line-end="37"> <a id="Links_36" name="Links_36"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://reactjs.org/">React</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://vuejs.org/">Vue</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://svelte.dev/">Svelte</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.instructables.com/id/Intro-to-MaxMSP/">Max MSP</a></li> <li class="has-line-data" data-line-start="41" data-line-end="43"> <a href="https://chakra-ui.com/">chakra UI</a></li> </ul> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="Tweet_us_your_tasty_treats_43" name= "Tweet_us_your_tasty_treats_43"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> 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 abstraction in general as well as javascript programming.
 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 1:48 - What the heck is abstraction?
 I like to think of it as sweeping under the rug
 Vue and React devs should be very familiar with the concept
  4:44 - When to abstract
  When things are getting too heavy
 Personal preference
 Some people have an arbitrary line limit
  7:25 - When not to abstract
  When savings are minimal
 When it just adds a pointless layer
  9:40 - Personal code abstractions vs public
  My personal focus is on API simplicity and baked-in smart defaults
 More specific
 Public APIs need to be more flexible or at least for some components
  Links  React

 Vue

 Svelte

 Max MSP

 chakra UI

  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 - Abstraction

Poslechněte si podcast