Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Nate Weinert and Tamagui

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 Nate Weinert, creator of Tamagui, about what Tamagui is, how styling works in React native, building and designing the Tamagui website, 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:29">00:29</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:22">01:22</a></strong> Who is Nate Weinert?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://twitter.com/natebirdman">Nate (@natebirdman)</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://github.com/natew">natew on GitHub</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://tamagui.dev/">Tamagui — React Native + Web UI kit</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://github.com/tamagui/tamagui">tamagui: The worlds fastest React UI kit also happens to work on Native + Web seamlessly ?</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=02:34">02:34</a></strong> What is Tamagui?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=04:02">04:02</a></strong> How does styling work in React native?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=05:35">05:35</a></strong> What is React native web?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=08:27">08:27</a></strong> What does Tamagui do besides styling?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=14:38">14:38</a></strong> How did you build and design the Tamagui website?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://stitches.dev/">Stitches — CSS-in-JS with near-zero runtime</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://nextjs.org/">Next.js by Vercel - The React Framework</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=16:50">16:50</a></strong> What are the docs made with?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=20:25">20:25</a></strong> What are Atomic Styles?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=26:16">26:16</a></strong> How is layout handled in react native?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=29:26">29:26</a></strong> Where are things going in the React world?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://appjs.co/">App.js Conference 2023</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://www.npmjs.com/package/react-native-reanimated">react-native-reanimated - npm</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=37:45">37:45</a></strong> Supper Club questions</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://iterm2.com/">iTerm2 - macOS Terminal Replacement</a></li> <li class="has-line-data" data-line-start="25" data-line-end="27"> <strong><a href="#t=47:15">47:15</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="27" data-line-end="28"> <a id="_SIIIIICK__PIIIICKS__27"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="29" data-line-end="31"> <a href="https://www.abeofootwear.com/">ABEO Footwear - Shop Biomechanical Sandals, Shoes and Orthotics</a></li> </ul> <h2 class="code-line" data-line-start="31" data-line-end="32"> <a id="Shameless_Plugs_31"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://www.twitch.tv/foobully">foobully - Twitch</a></li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <a href="https://tamagui.dev/">Tamagui — React Native + Web UI kit</a></li> </ul> <h2 class="code-line" data-line-start="36" data-line-end="37"> <a id="Tweet_us_your_tasty_treats_36"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> 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 Nate Weinert, creator of Tamagui, about what Tamagui is, how styling works in React native, building and designing the Tamagui website, and more.
 Show Notes  00:29 Welcome
 01:22 Who is Nate Weinert?
 Nate (@natebirdman)

 natew on GitHub

 Tamagui — React Native + Web UI kit

 tamagui: The worlds fastest React UI kit also happens to work on Native + Web seamlessly 🙏

 02:34 What is Tamagui?
 04:02 How does styling work in React native?
 05:35 What is React native web?
 08:27 What does Tamagui do besides styling?
 14:38 How did you build and design the Tamagui website?
 Stitches — CSS-in-JS with near-zero runtime

 Next.js by Vercel - The React Framework

 16:50 What are the docs made with?
 20:25 What are Atomic Styles?
 26:16 How is layout handled in react native?
 29:26 Where are things going in the React world?
 App.js Conference 2023

 react-native-reanimated - npm

 37:45 Supper Club questions
 iTerm2 - macOS Terminal Replacement

 47:15 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  ABEO Footwear - Shop Biomechanical Sandals, Shoes and Orthotics

  Shameless Plugs  foobully - Twitch

 Tamagui — React Native + Web UI kit

  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 × Nate Weinert and Tamagui

Poslechněte si podcast