This week, Jon ramps up his brewing plans with a logo contest, Spencer's girlfriend comes through and lands an XBox and hopefully is overcoming his motion sickness.
In the React arena we discuss state management and if you've never used anything more than component state we got you covered.  You'll learn when to up your state game and possibly which type of state management solution will work for you and your app.
If you've gotten into Redux or MobX, this is still interesting because we discuss the differences between multiple solutions and you may hear something that may make you switch!
0:00 - Introduction
0:05 - Jon's update / Brewery news
8:13 - Spencer's update
12:58 - State Management in 2021
14:08 - What is State
20:32 - Context
24:24 - Redux / Redux Toolkit
33:23 - MobX / MobX State Tree
40:23 - Recoil
43:38 - Apollo
45:14 - ReactQuery
49:38 - Zustand
54:10 - When to use 'em
56:58 - Migrating from one to another
58:31 - Wrap Up
 
Links:
<ul class="listtype-bullet listindent2 list-bullet2"><li>Jon’s logo contest at LogoMyWay
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://www.logomyway.com/28555/friends/5dc00bc4e5'>https://www.logomyway.com/28555/friends/5dc00bc4e5</a></li>
</ul>
</li>
<li><a href='https://kentcdodds.com/blog/application-state-management-with-react'>https://kentcdodds.com/blog/application-state-management-with-react</a></li>
<li>Zustand
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://github.com/pmndrs/zustand'>https://github.com/pmndrs/zustand</a></li>
</ul>
</li>
<li>MobX vs Redux
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://www.youtube.com/watch?v=UeRUT5H6XPI'>https://www.youtube.com/watch?v=UeRUT5H6XPI</a></li>
</ul>
</li>
<li>I’m never using Recoil.js
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://www.youtube.com/watch?v=XEYiYpASG2A'>https://www.youtube.com/watch?v=XEYiYpASG2A</a></li>
</ul>
</li>
</ul>

Spencer's Shameless Plugs

React Native Fundamentals Workshop
<a href='https://youtu.be/rLmdmLhfwvQ'>https://youtu.be/rLmdmLhfwvQ</a>
React Native School
<a href='https://reactnativeschool.com'>https://reactnativeschool.com</a>
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
<a href='https://fastlanecheatcodes.com'>https://fastlanecheatcodes.com</a>

<description>&lt;p&gt;This week, Jon ramps up his brewing plans with a logo contest, Spencer's girlfriend comes through and lands an XBox and hopefully is overcoming his motion sickness.&lt;/p&gt;
&lt;p&gt;In the React arena we discuss state management and if you've never used anything more than component state we got you covered.  You'll learn when to up your state game and possibly which type of state management solution will work for you and your app.&lt;/p&gt;
&lt;p&gt;If you've gotten into Redux or MobX, this is still interesting because we discuss the differences between multiple solutions and you may hear something that may make you switch!&lt;/p&gt;
&lt;p&gt;0:00 - Introduction&lt;/p&gt;
&lt;p&gt;0:05 - Jon's update / Brewery news&lt;/p&gt;
&lt;p&gt;8:13 - Spencer's update&lt;/p&gt;
&lt;p&gt;12:58 - State Management in 2021&lt;/p&gt;
&lt;p&gt;14:08 - What is State&lt;/p&gt;
&lt;p&gt;20:32 - Context&lt;/p&gt;
&lt;p&gt;24:24 - Redux / Redux Toolkit&lt;/p&gt;
&lt;p&gt;33:23 - MobX / MobX State Tree&lt;/p&gt;
&lt;p&gt;40:23 - Recoil&lt;/p&gt;
&lt;p&gt;43:38 - Apollo&lt;/p&gt;
&lt;p&gt;45:14 - ReactQuery&lt;/p&gt;
&lt;p&gt;49:38 - Zustand&lt;/p&gt;
&lt;p&gt;54:10 - When to use 'em&lt;/p&gt;
&lt;p&gt;56:58 - Migrating from one to another&lt;/p&gt;
&lt;p&gt;58:31 - Wrap Up&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;Links:&lt;/p&gt;
&lt;ul class="listtype-bullet listindent2 list-bullet2"&gt;&lt;li&gt;Jon’s logo contest at LogoMyWay
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://www.logomyway.com/28555/friends/5dc00bc4e5'&gt;https://www.logomyway.com/28555/friends/5dc00bc4e5&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href='https://kentcdodds.com/blog/application-state-management-with-react'&gt;https://kentcdodds.com/blog/application-state-management-with-react&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Zustand
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://github.com/pmndrs/zustand'&gt;https://github.com/pmndrs/zustand&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;MobX vs Redux
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://www.youtube.com/watch?v=UeRUT5H6XPI'&gt;https://www.youtube.com/watch?v=UeRUT5H6XPI&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;I’m never using Recoil.js
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://www.youtube.com/watch?v=XEYiYpASG2A'&gt;https://www.youtube.com/watch?v=XEYiYpASG2A&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

Spencer's Shameless Plugs

React Native Fundamentals Workshop
&lt;a href='https://youtu.be/rLmdmLhfwvQ'&gt;https://youtu.be/rLmdmLhfwvQ&lt;/a&gt;
React Native School
&lt;a href='https://reactnativeschool.com'&gt;https://reactnativeschool.com&lt;/a&gt;
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
&lt;a href='https://fastlanecheatcodes.com'&gt;https://fastlanecheatcodes.com&lt;/a&gt;</description>

This week, Jon ramps up his brewing plans with a logo contest, Spencer's girlfriend comes through and lands an XBox and hopefully is overcoming his motion sickness.
In the React arena we discuss state management and if you've never used anything more...

This week, Jon ramps up his brewing plans with a logo contest, Spencer's girlfriend comes through and lands an XBox and hopefully is overcoming his motion sickness.
In the React arena we discuss state management and if you've never used anything more than component state we got you covered.  You'll learn when to up your state game and possibly which type of state management solution will work for you and your app.
If you've gotten into Redux or MobX, this is still interesting because we discuss the differences between multiple solutions and you may hear something that may make you switch!
0:00 - Introduction
0:05 - Jon's update / Brewery news
8:13 - Spencer's update
12:58 - State Management in 2021
14:08 - What is State
20:32 - Context
24:24 - Redux / Redux Toolkit
33:23 - MobX / MobX State Tree
40:23 - Recoil
43:38 - Apollo
45:14 - ReactQuery
49:38 - Zustand
54:10 - When to use 'em
56:58 - Migrating from one to another
58:31 - Wrap Up
 
Links:
Jon’s logo contest at LogoMyWay
https://www.logomyway.com/28555/friends/5dc00bc4e5

https://kentcdodds.com/blog/application-state-management-with-react
Zustand
https://github.com/pmndrs/zustand

MobX vs Redux
https://www.youtube.com/watch?v=UeRUT5H6XPI

I’m never using Recoil.js
https://www.youtube.com/watch?v=XEYiYpASG2A


Spencer's Shameless Plugs

React Native Fundamentals Workshop
https://youtu.be/rLmdmLhfwvQ
React Native School
https://reactnativeschool.com
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
https://fastlanecheatcodes.com

E030 - Stale Props & Zombie Children (State Management in 2021)

In this episode, Jon deal with rats and realizes he can do impressions.  Spencer gets motion sick over video games but still wants (yet can't find) an xBox.
Our main topic this week covers how to be lazy when building mobile apps by carefully constructing reusable components saving you time and hopefully frustration.
Building a mobile app can be challenging, but you can make it easier on yourself by using some tools and patterns to build reusable components.  meaning you can use the same component in multiple places throughout your app, and in other apps.
 
0:00 - Intro
0:50 - RATS
8:46 - XBox motion sickness
10:44 - COVID comparisons
11:47 - Mobile news - Calm
15:38 - The key to sleep
16:17 - Main Topic - Custom Components
16:47 - Main Topic For Real This Time
20:16 - Props all the way down
25:52 - Core APIs
26:32 - Storybook
27:58 - Styled Components
29:47 - Keep 'em light
34:23 - Don't optimize before you need to
35:25 - UI Frameworks can help
37:27 - Felixbility
39:15 - WrapUp
 
Links
<ul class="listtype-bullet listindent2 list-bullet2"><li>Calm valuation
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://www.businessofapps.com/news/calm-raises-75-million-at-2-billion-evaluation/'>https://www.businessofapps.com/news/calm-raises-75-million-at-2-billion-evaluation/</a></li>
</ul>
</li>
</ul>
 

Spencer's Shameless Plugs

React Native Fundamentals Workshop
<a href='https://youtu.be/rLmdmLhfwvQ'>https://youtu.be/rLmdmLhfwvQ</a>
React Native School
<a href='https://reactnativeschool.com'>https://reactnativeschool.com</a>
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
<a href='https://fastlanecheatcodes.com'>https://fastlanecheatcodes.com</a>
39:15 - Wrap Up

<description>&lt;p&gt;In this episode, Jon deal with rats and realizes he can do impressions.  Spencer gets motion sick over video games but still wants (yet can't find) an xBox.&lt;/p&gt;
&lt;p&gt;Our main topic this week covers how to be lazy when building mobile apps by carefully constructing reusable components saving you time and hopefully frustration.&lt;/p&gt;
&lt;p&gt;Building a mobile app can be challenging, but you can make it easier on yourself by using some tools and patterns to build reusable components.  meaning you can use the same component in multiple places throughout your app, and in other apps.&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;0:00 - Intro&lt;/p&gt;
&lt;p&gt;0:50 - RATS&lt;/p&gt;
&lt;p&gt;8:46 - XBox motion sickness&lt;/p&gt;
&lt;p&gt;10:44 - COVID comparisons&lt;/p&gt;
&lt;p&gt;11:47 - Mobile news - Calm&lt;/p&gt;
&lt;p&gt;15:38 - The key to sleep&lt;/p&gt;
&lt;p&gt;16:17 - Main Topic - Custom Components&lt;/p&gt;
&lt;p&gt;16:47 - Main Topic For Real This Time&lt;/p&gt;
&lt;p&gt;20:16 - Props all the way down&lt;/p&gt;
&lt;p&gt;25:52 - Core APIs&lt;/p&gt;
&lt;p&gt;26:32 - Storybook&lt;/p&gt;
&lt;p&gt;27:58 - Styled Components&lt;/p&gt;
&lt;p&gt;29:47 - Keep 'em light&lt;/p&gt;
&lt;p&gt;34:23 - Don't optimize before you need to&lt;/p&gt;
&lt;p&gt;35:25 - UI Frameworks can help&lt;/p&gt;
&lt;p&gt;37:27 - Felixbility&lt;/p&gt;
&lt;p&gt;39:15 - WrapUp&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;Links&lt;/p&gt;
&lt;ul class="listtype-bullet listindent2 list-bullet2"&gt;&lt;li&gt;Calm valuation
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://www.businessofapps.com/news/calm-raises-75-million-at-2-billion-evaluation/'&gt;https://www.businessofapps.com/news/calm-raises-75-million-at-2-billion-evaluation/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
 

Spencer's Shameless Plugs

React Native Fundamentals Workshop
&lt;a href='https://youtu.be/rLmdmLhfwvQ'&gt;https://youtu.be/rLmdmLhfwvQ&lt;/a&gt;
React Native School
&lt;a href='https://reactnativeschool.com'&gt;https://reactnativeschool.com&lt;/a&gt;
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
&lt;a href='https://fastlanecheatcodes.com'&gt;https://fastlanecheatcodes.com&lt;/a&gt;
&lt;p&gt;39:15 - Wrap Up&lt;/p&gt;
</description>

In this episode, Jon deal with rats and realizes he can do impressions.  Spencer gets motion sick over video games but still wants (yet can't find) an xBox.
Our main topic this week covers how to be lazy when building mobile apps by carefully constru...

In this episode, Jon deal with rats and realizes he can do impressions.  Spencer gets motion sick over video games but still wants (yet can't find) an xBox.
Our main topic this week covers how to be lazy when building mobile apps by carefully constructing reusable components saving you time and hopefully frustration.
Building a mobile app can be challenging, but you can make it easier on yourself by using some tools and patterns to build reusable components.  meaning you can use the same component in multiple places throughout your app, and in other apps.
 
0:00 - Intro
0:50 - RATS
8:46 - XBox motion sickness
10:44 - COVID comparisons
11:47 - Mobile news - Calm
15:38 - The key to sleep
16:17 - Main Topic - Custom Components
16:47 - Main Topic For Real This Time
20:16 - Props all the way down
25:52 - Core APIs
26:32 - Storybook
27:58 - Styled Components
29:47 - Keep 'em light
34:23 - Don't optimize before you need to
35:25 - UI Frameworks can help
37:27 - Felixbility
39:15 - WrapUp
 
Links
Calm valuation
https://www.businessofapps.com/news/calm-raises-75-million-at-2-billion-evaluation/

 

Spencer's Shameless Plugs

React Native Fundamentals Workshop
https://youtu.be/rLmdmLhfwvQ
React Native School
https://reactnativeschool.com
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
https://fastlanecheatcodes.com
39:15 - Wrap Up

E029 - Pi-RATS of the Caribbean (Building Reusable Components)

This week Jon is losing his mind and obsessing over his brewery and where it will be, Spencer can't cool and still can't find an Xbox, but does seem to come up with some cheeky titles for his new courses.
When we get down to React Native we cover the important details about the recently released v0.64, what you need to do to prepare and what features are worth knowing about.
0:00 - Intro
0:40 - Spencer can't cook
5:05 - Jon's brewery news
8:17 - Spencer's weekly update
13:31 - Mobile news (Amazon's new MacOS EC2)
15:58 - React Native 0.64
16:01 - Hermes for iOS
17:24 - inline requires
19:42 - Shout Outs
20:53 - React 17
21:14 - Hermes proxy suport
22:02 - Hermes profile command
22:43 - Node 12
23:16 - Android min SDK bump
25:43 - XCode 12
26:57 - Prepare now
29:27 - Wrap Up
 
Links
<ul class="listtype-bullet listindent2 list-bullet2"><li>Amazon adds MacOS
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://arstechnica.com/gadgets/2020/12/amazon-web-services-adds-macos-on-bare-metal-to-ec2/'>https://arstechnica.com/gadgets/2020/12/amazon-web-services-adds-macos-on-bare-metal-to-ec2/</a></li>
</ul>
</li>
<li><a href='https://github.com/facebook/react-native/releases'>https://github.com/facebook/react-native/releases</a></li>
<li><a href='https://github.com/react-native-community/releases/issues/214'>https://github.com/react-native-community/releases/issues/214</a></li>
<li><a href='https://github.com/react-native-community/releases/blob/20a632d3a61153f813c020ef2c6bca6910958a10/CHANGELOG.md'>https://github.com/react-native-community/releases/blob/20a632d3a61153f813c020ef2c6bca6910958a10/CHANGELOG.md</a></li>
<li><a href='https://react-native-community.github.io/upgrade-helper/'>https://react-native-community.github.io/upgrade-helper/</a></li>
</ul>
 

Spencer's Shameless Plugs

React Native Fundamentals Workshop
<a href='https://youtu.be/rLmdmLhfwvQ'>https://youtu.be/rLmdmLhfwvQ</a>
React Native School
<a href='https://reactnativeschool.com'>https://reactnativeschool.com</a>
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
<a href='https://fastlanecheatcodes.com'>https://fastlanecheatcodes.com</a>

<description>&lt;p&gt;This week Jon is losing his mind and obsessing over his brewery and where it will be, Spencer can't cool and still can't find an Xbox, but does seem to come up with some cheeky titles for his new courses.&lt;/p&gt;
&lt;p&gt;When we get down to React Native we cover the important details about the recently released v0.64, what you need to do to prepare and what features are worth knowing about.&lt;/p&gt;
&lt;p&gt;0:00 - Intro&lt;/p&gt;
&lt;p&gt;0:40 - Spencer can't cook&lt;/p&gt;
&lt;p&gt;5:05 - Jon's brewery news&lt;/p&gt;
&lt;p&gt;8:17 - Spencer's weekly update&lt;/p&gt;
&lt;p&gt;13:31 - Mobile news (Amazon's new MacOS EC2)&lt;/p&gt;
&lt;p&gt;15:58 - React Native 0.64&lt;/p&gt;
&lt;p&gt;16:01 - Hermes for iOS&lt;/p&gt;
&lt;p&gt;17:24 - inline requires&lt;/p&gt;
&lt;p&gt;19:42 - Shout Outs&lt;/p&gt;
&lt;p&gt;20:53 - React 17&lt;/p&gt;
&lt;p&gt;21:14 - Hermes proxy suport&lt;/p&gt;
&lt;p&gt;22:02 - Hermes profile command&lt;/p&gt;
&lt;p&gt;22:43 - Node 12&lt;/p&gt;
&lt;p&gt;23:16 - Android min SDK bump&lt;/p&gt;
&lt;p&gt;25:43 - XCode 12&lt;/p&gt;
&lt;p&gt;26:57 - Prepare now&lt;/p&gt;
&lt;p&gt;29:27 - Wrap Up&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;Links&lt;/p&gt;
&lt;ul class="listtype-bullet listindent2 list-bullet2"&gt;&lt;li&gt;Amazon adds MacOS
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://arstechnica.com/gadgets/2020/12/amazon-web-services-adds-macos-on-bare-metal-to-ec2/'&gt;https://arstechnica.com/gadgets/2020/12/amazon-web-services-adds-macos-on-bare-metal-to-ec2/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href='https://github.com/facebook/react-native/releases'&gt;https://github.com/facebook/react-native/releases&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='https://github.com/react-native-community/releases/issues/214'&gt;https://github.com/react-native-community/releases/issues/214&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='https://github.com/react-native-community/releases/blob/20a632d3a61153f813c020ef2c6bca6910958a10/CHANGELOG.md'&gt;https://github.com/react-native-community/releases/blob/20a632d3a61153f813c020ef2c6bca6910958a10/CHANGELOG.md&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='https://react-native-community.github.io/upgrade-helper/'&gt;https://react-native-community.github.io/upgrade-helper/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
 

Spencer's Shameless Plugs

React Native Fundamentals Workshop
&lt;a href='https://youtu.be/rLmdmLhfwvQ'&gt;https://youtu.be/rLmdmLhfwvQ&lt;/a&gt;
React Native School
&lt;a href='https://reactnativeschool.com'&gt;https://reactnativeschool.com&lt;/a&gt;
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
&lt;a href='https://fastlanecheatcodes.com'&gt;https://fastlanecheatcodes.com&lt;/a&gt;</description>

This week Jon is losing his mind and obsessing over his brewery and where it will be, Spencer can't cool and still can't find an Xbox, but does seem to come up with some cheeky titles for his new courses.
When we get down to React Native we cover the...

This week Jon is losing his mind and obsessing over his brewery and where it will be, Spencer can't cool and still can't find an Xbox, but does seem to come up with some cheeky titles for his new courses.
When we get down to React Native we cover the important details about the recently released v0.64, what you need to do to prepare and what features are worth knowing about.
0:00 - Intro
0:40 - Spencer can't cook
5:05 - Jon's brewery news
8:17 - Spencer's weekly update
13:31 - Mobile news (Amazon's new MacOS EC2)
15:58 - React Native 0.64
16:01 - Hermes for iOS
17:24 - inline requires
19:42 - Shout Outs
20:53 - React 17
21:14 - Hermes proxy suport
22:02 - Hermes profile command
22:43 - Node 12
23:16 - Android min SDK bump
25:43 - XCode 12
26:57 - Prepare now
29:27 - Wrap Up
 
Links
Amazon adds MacOS
https://arstechnica.com/gadgets/2020/12/amazon-web-services-adds-macos-on-bare-metal-to-ec2/

https://github.com/facebook/react-native/releases
https://github.com/react-native-community/releases/issues/214
https://github.com/react-native-community/releases/blob/20a632d3a61153f813c020ef2c6bca6910958a10/CHANGELOG.md
https://react-native-community.github.io/upgrade-helper/
 

Spencer's Shameless Plugs

React Native Fundamentals Workshop
https://youtu.be/rLmdmLhfwvQ
React Native School
https://reactnativeschool.com
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
https://fastlanecheatcodes.com

E-028: Blame it on the potatoes [React Native 0.64]

This week Spencer really wants an XBox and keeps getting denied, if anyone has a hookup - let him know.  Jon gets sucked into the mechanical keyboard community.
Then we focus in React Native and talk about how it all works with transpiling and polyfills,. The best part is that you don't need to understand all of this to use it and make great Apps.
 
03:20 - Jon fell down the mechanical keyboard rabbit hole
08:10 - Apple Cutting Fees to 15% (if making less than $1mil/year)
10:10 - Foxconn and flip phones
12:40 - Spencer’s warning: he just learned what he’s talking about
14:40 - What is a JavaScript Runtime?
16:00 - The different JavaScript Runtimes available (presently) and when they’re used
20:30 - Flamboyant claims: the key to listener engagement
21:20 - How transpiling “just works”® in React Native
28:45 - What APIs are available in React Native? Talking polyfills.
31:00 - What is Hermes and how does it fit in?
34:45 - Where to learn more about this stuff
 
<ul class="listtype-bullet listindent2 list-bullet2"><li>Apple price cut
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://www.zdnet.com/article/apple-slices-commission-rates-with-launch-of-new-small-business-app-developer-program'>https://www.zdnet.com/article/apple-slices-commission-rates-with-launch-of-new-small-business-app-developer-program</a></li>
</ul>
</li>
<li>Foxconn’s folding iPhone
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://appleinsider.com/articles/20/11/16/foxconn-allegedly-testing-apples-folding-iphone-for-release-in-2022'>https://appleinsider.com/articles/20/11/16/foxconn-allegedly-testing-apples-folding-iphone-for-release-in-2022</a></li>
</ul>
</li>
<li>More information
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://reactnative.dev/docs/javascript-environment'>https://reactnative.dev/docs/javascript-environment</a></li>
<li><a href='https://medium.com/swlh/react-natives-re-architecture-in-2020-9bb82659792c'>https://medium.com/swlh/react-natives-re-architecture-in-2020-9bb82659792c</a></li>
<li><a href='https://www.youtube.com/watch?v=7gm0owyO8HU'>https://www.youtube.com/watch?v=7gm0owyO8HU</a></li>
</ul>
</li>
<li>Babel resources we talked about
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://babeljs.io/'>https://babeljs.io/</a></li>
<li><a href='https://babeljs.io/docs/en/babel-plugin-transform-parameters'>https://babeljs.io/docs/en/babel-plugin-transform-parameters</a></li>
<li><a href='https://babeljs.io/docs/en/config-files/'>https://babeljs.io/docs/en/config-files/</a></li>
</ul>
</li>
</ul>

Spencer's Shameless Plugs

React Native Fundamentals Workshop
<a href='https://youtu.be/rLmdmLhfwvQ'>https://youtu.be/rLmdmLhfwvQ</a>
React Native School
<a href='https://reactnativeschool.com'>https://reactnativeschool.com</a>
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
<a href='https://fastlanecheatcodes.com'>https://fastlanecheatcodes.com</a>

<description>&lt;p&gt;This week Spencer really wants an XBox and keeps getting denied, if anyone has a hookup - let him know.  Jon gets sucked into the mechanical keyboard community.&lt;/p&gt;
&lt;p&gt;Then we focus in React Native and talk about how it all works with transpiling and polyfills,. The best part is that you don't need to understand all of this to use it and make great Apps.&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
03:20 - Jon fell down the mechanical keyboard rabbit hole
08:10 - Apple Cutting Fees to 15% (if making less than $1mil/year)
10:10 - Foxconn and flip phones
12:40 - Spencer’s warning: he just learned what he’s talking about
14:40 - What is a JavaScript Runtime?
16:00 - The different JavaScript Runtimes available (presently) and when they’re used
20:30 - Flamboyant claims: the key to listener engagement
21:20 - How transpiling “just works”® in React Native
28:45 - What APIs are available in React Native? Talking polyfills.
31:00 - What is Hermes and how does it fit in?
34:45 - Where to learn more about this stuff
 
&lt;ul class="listtype-bullet listindent2 list-bullet2"&gt;&lt;li&gt;Apple price cut
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://www.zdnet.com/article/apple-slices-commission-rates-with-launch-of-new-small-business-app-developer-program'&gt;https://www.zdnet.com/article/apple-slices-commission-rates-with-launch-of-new-small-business-app-developer-program&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Foxconn’s folding iPhone
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://appleinsider.com/articles/20/11/16/foxconn-allegedly-testing-apples-folding-iphone-for-release-in-2022'&gt;https://appleinsider.com/articles/20/11/16/foxconn-allegedly-testing-apples-folding-iphone-for-release-in-2022&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;More information
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://reactnative.dev/docs/javascript-environment'&gt;https://reactnative.dev/docs/javascript-environment&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='https://medium.com/swlh/react-natives-re-architecture-in-2020-9bb82659792c'&gt;https://medium.com/swlh/react-natives-re-architecture-in-2020-9bb82659792c&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='https://www.youtube.com/watch?v=7gm0owyO8HU'&gt;https://www.youtube.com/watch?v=7gm0owyO8HU&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Babel resources we talked about
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://babeljs.io/'&gt;https://babeljs.io/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='https://babeljs.io/docs/en/babel-plugin-transform-parameters'&gt;https://babeljs.io/docs/en/babel-plugin-transform-parameters&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='https://babeljs.io/docs/en/config-files/'&gt;https://babeljs.io/docs/en/config-files/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

Spencer's Shameless Plugs

React Native Fundamentals Workshop
&lt;a href='https://youtu.be/rLmdmLhfwvQ'&gt;https://youtu.be/rLmdmLhfwvQ&lt;/a&gt;
React Native School
&lt;a href='https://reactnativeschool.com'&gt;https://reactnativeschool.com&lt;/a&gt;
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
&lt;a href='https://fastlanecheatcodes.com'&gt;https://fastlanecheatcodes.com&lt;/a&gt;</description>

This week Spencer really wants an XBox and keeps getting denied, if anyone has a hookup - let him know.  Jon gets sucked into the mechanical keyboard community.
Then we focus in React Native and talk about how it all works with transpiling and polyfi...

This week Spencer really wants an XBox and keeps getting denied, if anyone has a hookup - let him know.  Jon gets sucked into the mechanical keyboard community.
Then we focus in React Native and talk about how it all works with transpiling and polyfills,. The best part is that you don't need to understand all of this to use it and make great Apps.
 
03:20 - Jon fell down the mechanical keyboard rabbit hole
08:10 - Apple Cutting Fees to 15% (if making less than $1mil/year)
10:10 - Foxconn and flip phones
12:40 - Spencer’s warning: he just learned what he’s talking about
14:40 - What is a JavaScript Runtime?
16:00 - The different JavaScript Runtimes available (presently) and when they’re used
20:30 - Flamboyant claims: the key to listener engagement
21:20 - How transpiling “just works”® in React Native
28:45 - What APIs are available in React Native? Talking polyfills.
31:00 - What is Hermes and how does it fit in?
34:45 - Where to learn more about this stuff
 
Apple price cut
https://www.zdnet.com/article/apple-slices-commission-rates-with-launch-of-new-small-business-app-developer-program

Foxconn’s folding iPhone
https://appleinsider.com/articles/20/11/16/foxconn-allegedly-testing-apples-folding-iphone-for-release-in-2022

More information
https://reactnative.dev/docs/javascript-environment
https://medium.com/swlh/react-natives-re-architecture-in-2020-9bb82659792c
https://www.youtube.com/watch?v=7gm0owyO8HU

Babel resources we talked about
https://babeljs.io/
https://babeljs.io/docs/en/babel-plugin-transform-parameters
https://babeljs.io/docs/en/config-files/


Spencer's Shameless Plugs

React Native Fundamentals Workshop
https://youtu.be/rLmdmLhfwvQ
React Native School
https://reactnativeschool.com
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
https://fastlanecheatcodes.com

E-027: Javascript Runtime

We have a new friends of the show - Peter Piekarczyk joins us to talk about his company Draftbit and how it can help accelerate your mobile app development using their interface.  Build multiple screens, complex UIs with their drag-n-drop interface, tweak properties to get it just right and view the generated code, or export your app so you're not jailed into their system!  Oh did I mention you can scan a QR code at any point and view it immediately on your device?  Pretty amazing.
We also talk about beer, black Friday preparations, travel during these weird times and a lot more.
0:00 - Welcome
0:35 - Introduction of our guest
3:31 - Jon's update (brewery fun)
5:40 - Spencer's update (Firebase, and Black Friday preparation)
6:27 - Peter's update (Travel)
7:50 - Hammerspoon and Home Assistant
11:06 - Mobile News (Apple's One More Thing event)
17:15 - Draftbit
24:25 - Reason / Rescript
30:11 - Draftbit's Origin Story
33:17 - Workflow
39:29 - Video tutorials
40:39 - Getting access
42:32 - Wrap Up
 
Links:
<ul class="listtype-bullet listindent2 list-bullet2"><li>Apple’s One More thing event
<ul class="listtype-bullet listindent3 list-bullet3"><li>video only - <a href='https://www.youtube.com/watch?v=umoEDgl_xBo'>https://www.youtube.com/watch?v=umoEDgl_xBo</a></li>
<li>write up + video - <a href='https://www.theverge.com/2020/11/10/21550892/apple-arm-silicon-event-macbook-air-pro-mini-mac-big-sur-biggest-announcements'>https://www.theverge.com/2020/11/10/21550892/apple-arm-silicon-event-macbook-air-pro-mini-mac-big-sur-biggest-announcements</a></li>
</ul>
</li>
<li>Hammerspoon
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://www.hammerspoon.org'>https://www.hammerspoon.org</a></li>
</ul>
</li>
<li>Home Assistant
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://www.home-assistant.io/'>https://www.home-assistant.io/</a></li>
</ul>
</li>
<li>ReasonML
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://reasonml.github.io/'>https://reasonml.github.io/</a></li>
</ul>
</li>
<li>ReScript
<ul class="listtype-bullet listindent3 list-bullet3"><li><a href='https://rescript-lang.org/'>https://rescript-lang.org/</a></li>
</ul>
</li>
<li>Find Draftbit Online
<ul class="listtype-bullet listindent3 list-bullet3"><li>Twitter: <a href='https://twitter.com/draftbit'>https://twitter.com/draftbit</a> (@draftbit)</li>
<li>Web: <a href='https://draftbit.com'>https://draftbit.com</a></li>
</ul>
</li>
<li>Find Peter Online
<ul class="listtype-bullet listindent3 list-bullet3"><li>Twitter: <a href='https://twitter.com/peterpme'>https://twitter.com/peterpme</a> (@peterpme)</li>
<li>Github: <a href='https://github.com/peterpme'>https://github.com/peterpme</a></li>
<li>Web: <a href='https://peterp.me'>https://peterp.me</a> </li>
</ul>
</li>
</ul>

<description>&lt;p&gt;We have a new friends of the show - Peter Piekarczyk joins us to talk about his company Draftbit and how it can help accelerate your mobile app development using their interface.  Build multiple screens, complex UIs with their drag-n-drop interface, tweak properties to get it just right and view the generated code, or export your app so you're not jailed into their system!  Oh did I mention you can scan a QR code at any point and view it immediately on your device?  Pretty amazing.&lt;/p&gt;
&lt;p&gt;We also talk about beer, black Friday preparations, travel during these weird times and a lot more.&lt;/p&gt;
&lt;p&gt;0:00 - Welcome&lt;/p&gt;
&lt;p&gt;0:35 - Introduction of our guest&lt;/p&gt;
&lt;p&gt;3:31 - Jon's update (brewery fun)&lt;/p&gt;
&lt;p&gt;5:40 - Spencer's update (Firebase, and Black Friday preparation)&lt;/p&gt;
&lt;p&gt;6:27 - Peter's update (Travel)&lt;/p&gt;
&lt;p&gt;7:50 - Hammerspoon and Home Assistant&lt;/p&gt;
&lt;p&gt;11:06 - Mobile News (Apple's One More Thing event)&lt;/p&gt;
&lt;p&gt;17:15 - Draftbit&lt;/p&gt;
&lt;p&gt;24:25 - Reason / Rescript&lt;/p&gt;
&lt;p&gt;30:11 - Draftbit's Origin Story&lt;/p&gt;
&lt;p&gt;33:17 - Workflow&lt;/p&gt;
&lt;p&gt;39:29 - Video tutorials&lt;/p&gt;
&lt;p&gt;40:39 - Getting access&lt;/p&gt;
&lt;p&gt;42:32 - Wrap Up&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;Links:&lt;/p&gt;
&lt;ul class="listtype-bullet listindent2 list-bullet2"&gt;&lt;li&gt;Apple’s One More thing event
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;video only - &lt;a href='https://www.youtube.com/watch?v=umoEDgl_xBo'&gt;https://www.youtube.com/watch?v=umoEDgl_xBo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;write up + video - &lt;a href='https://www.theverge.com/2020/11/10/21550892/apple-arm-silicon-event-macbook-air-pro-mini-mac-big-sur-biggest-announcements'&gt;https://www.theverge.com/2020/11/10/21550892/apple-arm-silicon-event-macbook-air-pro-mini-mac-big-sur-biggest-announcements&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Hammerspoon
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://www.hammerspoon.org'&gt;https://www.hammerspoon.org&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Home Assistant
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://www.home-assistant.io/'&gt;https://www.home-assistant.io/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;ReasonML
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://reasonml.github.io/'&gt;https://reasonml.github.io/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;ReScript
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;&lt;a href='https://rescript-lang.org/'&gt;https://rescript-lang.org/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Find Draftbit Online
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;Twitter: &lt;a href='https://twitter.com/draftbit'&gt;https://twitter.com/draftbit&lt;/a&gt; (@draftbit)&lt;/li&gt;
&lt;li&gt;Web: &lt;a href='https://draftbit.com'&gt;https://draftbit.com&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Find Peter Online
&lt;ul class="listtype-bullet listindent3 list-bullet3"&gt;&lt;li&gt;Twitter: &lt;a href='https://twitter.com/peterpme'&gt;https://twitter.com/peterpme&lt;/a&gt; (@peterpme)&lt;/li&gt;
&lt;li&gt;Github: &lt;a href='https://github.com/peterpme'&gt;https://github.com/peterpme&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Web: &lt;a href='https://peterp.me'&gt;https://peterp.me&lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt; &lt;/p&gt;
</description>

We have a new friends of the show - Peter Piekarczyk joins us to talk about his company Draftbit and how it can help accelerate your mobile app development using their interface.  Build multiple screens, complex UIs with their drag-n-drop interface, ...

We have a new friends of the show - Peter Piekarczyk joins us to talk about his company Draftbit and how it can help accelerate your mobile app development using their interface.  Build multiple screens, complex UIs with their drag-n-drop interface, tweak properties to get it just right and view the generated code, or export your app so you're not jailed into their system!  Oh did I mention you can scan a QR code at any point and view it immediately on your device?  Pretty amazing.
We also talk about beer, black Friday preparations, travel during these weird times and a lot more.
0:00 - Welcome
0:35 - Introduction of our guest
3:31 - Jon's update (brewery fun)
5:40 - Spencer's update (Firebase, and Black Friday preparation)
6:27 - Peter's update (Travel)
7:50 - Hammerspoon and Home Assistant
11:06 - Mobile News (Apple's One More Thing event)
17:15 - Draftbit
24:25 - Reason / Rescript
30:11 - Draftbit's Origin Story
33:17 - Workflow
39:29 - Video tutorials
40:39 - Getting access
42:32 - Wrap Up
 
Links:
Apple’s One More thing event
video only - https://www.youtube.com/watch?v=umoEDgl_xBo
write up + video - https://www.theverge.com/2020/11/10/21550892/apple-arm-silicon-event-macbook-air-pro-mini-mac-big-sur-biggest-announcements

Hammerspoon
https://www.hammerspoon.org

Home Assistant
https://www.home-assistant.io/

ReasonML
https://reasonml.github.io/

ReScript
https://rescript-lang.org/

Find Draftbit Online
Twitter: https://twitter.com/draftbit (@draftbit)
Web: https://draftbit.com

Find Peter Online
Twitter: https://twitter.com/peterpme (@peterpme)
Github: https://github.com/peterpme
Web: https://peterp.me 

 

E-026 Pour me another Draft(bit) please - Talking Draftbit with Peter Piekarczyk

Join Spencer Carli and Jonathan Wheat as they discuss React Native topics you need to know about to become a better developer.

React Native Nerds

Details

Recent Episodes