React Native Nerds
E-027: Javascript Runtime

E-027: Javascript Runtime

December 3, 2020

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
 

Spencer's Shameless Plugs

React Native Fundamentals Workshop
React Native School
 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)
E-026 Pour me another Draft(bit) please - Talking Draftbit with Peter Piekarczyk

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

November 19, 2020

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:

 

E-025: Improving your UI / UX Skilz

E-025: Improving your UI / UX Skilz

November 9, 2020

** Releasing this early this week **

** Because we talk about the "One More Thing" event on November 10th**

Did you know that Spencer wants to be a gamer now? He thinks hiring a VA is going to give him that time haha.  Jon is looking to fill in any free time he had but opening a brewery in his town and plans are flying all over the place. We would be remiss if we didn't mention quickly the burning trash heap that is our Election process.

BUT you're here for mobile development, so ...

Do your mobile apps look like crap?  Yea we thought so too.  We're going to cover how  you can up your design skills, without having to take a course.  With the resources we'll talk about you'll be able to figure out how to improve an app you're written or how to build it correct the first time.  We run through UI design / UX design flows / css and layout tips as well as using a pre-built design system.

 

0:00 - Welcome / the state of the US Dumpster fire

2:20 - Jon's building a brewery

6:24 - Spencer is a wannabe Gamer and hired a VA

13:36 - The vintage iPhone 5c

20:09 - Main topic intro

21:52 - Dribble

26:04 - UI Design Daily

28:10 - UX Archive

32:11 - FlatIcon.com

33:40 - UI Design sub-reddit

34:26 - Refactoring UI

39:31 - App analysis and critique

43:20 - CSS skills

44:33 - FlexBox Froggy

49:38 - Goldfish projects

 

Links:

 

Spencer's Shameless Plugs

React Native Fundamentals Workshop

https://www.youtube.com/watch?v=rLmdmLhfwvQ

React Native School

https://reactnativeschool.com

 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

E-024: Cool Packages, Posts and Projects

E-024: Cool Packages, Posts and Projects

November 5, 2020

This week Jon sells his car and and Smoky The Bear (aka Spencer) talks about how ONLY YOU can prevent Chimney Fires.

When they settle down for the show topic, the guys review the cool packages, posts and projects they've come across recently.  There's some pretty neat things covered in this episode and really isn't even the tip of the iceberg.

If you have one to add - let us know and we'll mention it and YOU on the show.

 

0:17 - Welcome

0:44 - Jon's catchup / car and demo

3:30 - Spencer's catchup and fire prevention lesson

7:19 - Spencer's new class about building a chat app

8:19 - Brewery Teaser... because Jon doesn't have enough to do

12:01 - Main Topic!  Finally, right???

12:24 - Old packages and projects and the headache they are

13:07 - Drink Up [drinking game app]

13:55 - React Native Bottom Sheet - [package]

17:18 - Can it be done in React Native - [YouTube series]

19:32 - Lottie animation package - [package]

23:30 - React Native Camera Kit - [package]

24:59 - Hermes JavaScript Engine - [core react native feature]

25:51 - React Native Game Engine - [package / engine]

30:57 - Shared Element Transition - [YouTube series]

33:42 - Gas Buddy migration to React Native - [Blog Post]

32:42 - Wrap Up

 

Links:

 

Spencer's Shameless Plugs

React Native Fundamentals Workshop

https://www.youtube.com/watch?v=rLmdmLhfwvQ

React Native School

https://reactnativeschool.com

 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

E-023 Give it a Rest and use GraphQL

E-023 Give it a Rest and use GraphQL

October 29, 2020

It's a big week for us, we discover that Spencer wants to hang up his laptop for a lathe and be a wood worker and why Jon is living MTV's Big Brother - sharing a living space with strangers.

Microsoft is rebuilding their apps with React Native, there's been several important albeit un-exciting updates to React and Node and we talk about NPM trying to go to war with Yarn.

For this week's topic we dive into what GraphQL is (and is not), why it's pretty cool and we cover both client and server implementations including 3rd party services.

 

01:30 - Spencer’s off week and lack of an update
02:04 - Jon on why to read the fine print of your Airbnb reservation
03:30 - The News (Microsoft using React Native, React v17, Node v15, NPM v7)
07:45 - News Continued, Talking about Draftbit
10:35 - What is Graphql? A high level discussion.
14:10 - How does Graphql work? What’s the integration look like?
18:00 - Why Graphql is so nice for mobile development
20:00 - Walking through an example of using Graphql for Jon’s conference app
24:45 - Graphiql. An amazing development tool for Graphql
26:00 - No more endpoint versioning
27:30 - Implementing Graphql
36:40 - Graphql is to REST as REST was to SOAP? Maybe not as dramatic…
37:10 - Jon repaving the road to hell 
 
Links:

Spencer's Shameless Plugs

React Native Fundamentals Workshop

https://www.youtube.com/watch?v=rLmdmLhfwvQ

React Native School

https://reactnativeschool.com

 

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

 

E-022 Securing your app

E-022 Securing your app

October 22, 2020

Whelp, if you record often enough, you'll have a disaster.  Unfortunately Jon's mic was all static and very noisy for the first part of the show, so this episode doesn't have our typical catchup and mobile news sections. This is VERY unfortunate because Jon actually had a lot of extra time this past week to do some research and first hand dinking around with his app and talks about the different things he did.

We jump straight into securing your app, from how to securely store data to jail break protection.

 

0:00 - Intro

1:30 - environment vars (react-native-dotenv, react-native-config)

7:13 - expo-secure-store, react-native-keychain, react-native-sensitive-info

9:01 - Auth / Deep linking

11:44 - SSL Pinning

15:18 - Obfuscation

18:22 - Jailbreak protection

25:26 - Outro

Links

React Native Fundamentals Workshop

https://www.youtube.com/watch?v=rLmdmLhfwvQ

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

E-021: The Best Way To Learn Anything

E-021: The Best Way To Learn Anything

October 15, 2020

Jon's back!  In this episode we catch up a bit since it's been a couple weeks since we've spoken, we celebrate Spencer's launch of Spectrum 3, hit some Epic news and dive into the best ways we learn with tips along the way.

0:00 - Intro 

1:07 - Jon's moving saga and office space

5:11 - Spencer's update, Spectrum launch and camping naked

7:55 - NEWS:  React Native Radio

8:31 - Digital Ocean App Platform

11:13 - EPIC News / Court Date

11:44 - The Best Way To Learn [#clickBait]

13:25 - Doc diving

19:54 - The proper way to use tutorials + critical thinking

24:44 - Suck it up buttercup - if you're stuck, push through it

28:55 - Saturation and Emersion

29:56 - Community Involvement

33:21 - Open source contributions / good first issue

34:50 - Translation as a means of learning

36:15 - Book - Make It Stick

39:46 - Spencer's course review by Jon

42:34 - Community and Egghead.io

44:17 - Wrap up

 

Links:

 

React Native Fundamentals Workshop

https://www.youtube.com/watch?v=rLmdmLhfwvQ

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

E-020 Dealing with Bugs (that you didn’t write)

E-020 Dealing with Bugs (that you didn’t write)

October 8, 2020

In this episode, Jon ditches Spencer so he can move all his things and Spencer catches you up with his latest project and talks about dealing with Bugs that you didn't write yourself.

0:20 - Where’s Jon?!
1:12 - Spencer Update: The perpetual “launching rebuild soon”
1:38 - Free React Native Fundamentals Workshop available
3:20 - How to dealing with bugs when you can’t upgrade the package/an update isn’t available yet with patch-package
7:20 - Dealing with large bugs/changes/feature additions - using your own fork
9:20 - Why you should contribute your fixes back
10:30 - Hacktoberfest - Great time to start contributing (but make it valuable contributions!)
11:06 - These are temporary solutions - don’t forget to remove them when you can do a proper update

 

Links

 

React Native Fundamentals Workshop

https://www.youtube.com/watch?v=rLmdmLhfwvQ

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

E-019 React Native EU Highlights

E-019 React Native EU Highlights

October 1, 2020

Jon and Spencer discuss the sessions from React Native EU that they enjoyed.  ACTUAL MOBILE NEWS .... and React Native News!

 

0:00 - Intro
3:52 - iOS 14
6:10 - Android 11
7:52 - New iPad & Trying to Figure out how Stylus’ work
10:13- Expo SDK 39
11:16 - Main Topic - React Native EU
11:50 - Day 1: Modernizing React Native’s JavaScript
14:30 - Day 1: Visual Regression Test in React Native
17:24 - Day 1: Testing Library Meets React Native
20:58 - Day 1: Performance Does Matter
25:35 - Day 2: Xcode complexity? No More
28:28 - Day 2: The Great Divide: Bridging Native Modules to React Native
30:10 - Day 2: GraphSQL and React Native, urql
30:20 - Day 2: GraphQLifying
31:20 - Day 2: Who Said it?

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

E-018 - Authentication Workflows

E-018 - Authentication Workflows

September 27, 2020

This week Spencer and Jon talk about how to implement authentication workflows into you app.  Using this overall methodology, you can shove whatever auth you want into your app.  Continue with Epic news and a cool new phone that may be Jon's breaking point to change to Android <GASP>

 

0:00 - Intro
1:39 - Soundbooth news
6:24 - Mobile News
6:34 - Samsung Transparent Display
9:34 - Epic News
11:54 - Upcoming Apple Event
15:44 - JWTs vs Cookies
17:39 - Navigation Setup
19:54 - Storing Auth State
24:24 - Where to save sensitive data
26:54 - Managing Forgot Password/Reset Password
29:09 - Losing Authorization

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

Play this podcast on Podbean App