React Native Nerds

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 available3:20 - How to dealing with bugs when you can’t upgrade the package/an update isn’t available yet with patch-package7:20 - Dealing with large bugs/changes/feature additions - using your own fork9:20 - Why you should contribute your fixes back10: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

patch-package

Fork a repo

React Native Fundamentals Workshop

 

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

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

 

0:00 - Intro3:52 - iOS 146:10 - Android 117:52 - New iPad & Trying to Figure out how Stylus’ work10:13- Expo SDK 3911:16 - Main Topic - React Native EU11:50 - Day 1: Modernizing React Native’s JavaScript14:30 - Day 1: Visual Regression Test in React Native17:24 - Day 1: Testing Library Meets React Native20:58 - Day 1: Performance Does Matter25:35 - Day 2: Xcode complexity? No More28:28 - Day 2: The Great Divide: Bridging Native Modules to React Native30:10 - Day 2: GraphSQL and React Native, urql30:20 - Day 2: GraphQLifying31:20 - Day 2: Who Said it?

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

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

 

0:00 - Intro1:39 - Soundbooth news6:24 - Mobile News6:34 - Samsung Transparent Display9:34 - Epic News11:54 - Upcoming Apple Event15:44 - JWTs vs Cookies17:39 - Navigation Setup19:54 - Storing Auth State24:24 - Where to save sensitive data26:54 - Managing Forgot Password/Reset Password29:09 - Losing Authorization

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

Spencer and Jon help you boost the performance in your Flatlist components, because if implemented badly, it can really take a toll on your app, rendering blanks, and causing laggy behavior.

They dig into various performance boosting items you can take a look at in your own app.  Walk away with faster loading lists, control scrolling and the memory associated with your items.

 

0:00 - Introduction

7:53 - Mobile News

8:09 - ZTE - first ever behind the screen camera

9:50 - Open Bot - an Android robotics framework

12:40 - Surface Duo is hitting reviewers

13:58 - Why Jon doesn't have any time

15:16 - FlastList / ScrollView

19:20 - Disaster befalls Jon (again)

19:45 - SectionList

23:45 - InitialNumToRender

25:05 - MaxToRenderPerBatch

25:43 - Use a device

28:50 - WindowSize

29:19 - ListItem complex components

31:10 - Icon Sizes

33:05 - 3rd party / external packages

35:39 - RenderItem anonymous functions

40:35 - RecyclerListView

43:31 - Wrap Up

 

Links:

ZTE behind the screen camera

https://arstechnica.com/gadgets/2020/09/zte-announces-the-worlds-first-phone-with-a-behind-the-screen-camera/

https://www.youtube.com/watch?v=iw-XkNU1KLE&feature=youtu.be

OpenBot

https://www.openbot.org/

GitHub: https://github.com/intel-isl/OpenBot

Demonstration: https://www.youtube.com/watch?v=qc8hFLyWDOM

Optimizing Flatlist Configuration - https://reactnative.dev/docs/optimizing-flatlist-configuration

RecyclerListView

https://github.com/Flipkart/recyclerlistview

How to use RecyclerListView with React Native

https://www.youtube.com/watch?v=32ZM72CKtTE

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

This week Jon drives down that Road To Hell he paved with good intentions, and faces the fact that hope sucks and he'll never have time to do the things he wants to.

On the brighter side of the podcast, Spencer dives into various ways to make things move in your app, from screen transitions, interfacing with gestures to moving pictures around on the screen.  This primer of the various popular animation libraries will help you get started, or at least familiarize yourself with the differences if/when you hear or read about them.

0:00 - Welcome

1:49 - Spencer's Week

4:00 - Jon's Week

9:38 - Mobile News - Spotify may be a target for Apple

10:37 - Fortnite News

12:21 - ARWES - SciFi UI library (React)

14:24 - Main Topic - Animations

15:48 - LayoutAnimation

18:40 - Animated

22:55 - PanResponder

25:10 - Reanimated (v1)

28:09 - Reanimated (v2)

30:14 - React Native Gesture Handler

34:07 - WrapUp

 

Links:

Spotify Virtual Events

https://techcrunch.com/2020/08/26/spotify-is-developing-a-virtual-events-feature/

Napster sold to MelodyVR

https://www.theguardian.com/music/2020/aug/25/napster-sold-british-startup-melodyvr-surprise-deal

Arwes (Web) … but wait!

https://arwes.dev/

Fortnite is splitting into two different games because of Epic and Apple’s fight

https://www.theverge.com/2020/8/26/21402547/fortnite-epic-games-apple-ios-macos-two-different-games

LayoutAnimation

https://reactnative.dev/docs/layoutanimation

Animated

https://reactnative.dev/docs/animated#docsNav

PanResponder

https://reactnative.dev/docs/panresponder

Reanimated

https://github.com/software-mansion/react-native-reanimated

React Native Gesture Handler

https://github.com/software-mansion/react-native-gesture-handler

William Candillon

https://www.youtube.com/watch?v=dLC64ye-M94

Learn Reanimated v2 (William Candillon)

https://start-react-native.dev/reanimated-2

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

This week we're joined by Jamon Holmgren to talk about React Native Community, the Lean Core initiative, Ignite, Reactotron and more.

 

0:00 Intro

0:53 - Pronunciation apologies

2:22 - Jamon's week of small, annoying, don't have a good answer for it issues

7:22 - Spencer's week

9:09 - Mobile News / Epic Battle

17:26 - Pentagon's UFO Taskforce

19:49 - Getting to know Jamon

24:00 - Why Infinite Red chose React Native

33:06 - Podcasts

33:43 - Managing with 3 partners

41:55 - WebView

47:13 - What is the React Native Community

49:22 - Ignite

54:17 - Breaking Changes and Maintaining Ignite

57:09 - Continued use of Ignite in your projects

59:24 - Ignite with Expo support

1:02:23 - Reactotron

1:03:27 - Keep in touch with newsletters

1:04:41 - Chain React

1:05:56 - Finding Jamon

 

Links:

How to find Jamon

https://twitter.com/jamonholmgren

https://jamonholmgren.com/

Infinite Red

https://infinite.red/

Ignite

https://github.com/infinitered/ignite

IR Academy

https://academy.infinite.red/

Apple / Epic Battle

https://www.macrumors.com/2020/08/17/apple-terminate-epic-developer-accounts-august-28/?scrolla=5eb6d68b7fedc32c19ef33b4

198Fort-nite Video

https://youtu.be/euiSHuaw6Q4

The original 1984 Apple Video

https://www.youtube.com/watch?v=VtvjbmoDx-I

10,000 phone for sale

https://www.businessinsider.com/iphones-with-fortnite-selling-on-ebay-for-thousands-2020-8

Pentagon Announces Task Force to Study UFOs

https://www.vice.com/en_us/article/z3e8pw/pentagon-announces-task-force-to-study-ufos

React Native Fundamentals Workshop

https://github.com/ReactNativeSchool/react-native-fundamentals

React Native Community

https://github.com/react-native-community

React Native EU 2019: Jamon Holmgren

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

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

These days it's super easy to build an app with robust back-end APIs.  No one has time (or let's be real, desire) to do dev-ops, so we talk about FireBase and it's myriad of offerings from simple key/value store through various extensions like image resizing.

We have some weird phone news as Microsoft is back in the phone game again, Air BnB tries to go public even with a big COVID hit to their business (and Apple breathing down their neck) and we get our first iTunes ratings and review! WOOT!

 

0:00 - Intro

0:10 - Selling Jeeps and Jurassic Park

3:18 - Spencer deletes his work

5:28 - Jon's contract work and press conference 

8:36 - Mobile news

8:40 - First time Review & Rating - Thanks its_me_hugo!

9:19 - Air BnB going public

10:58 - Microsoft's Surface Duo

14:18 - Firebase Overview

18:26 - React Native Firebase

19:03 - Spencer's experience with Firebase

20:25 - Why use Firebase

21:36 - Two options to implement Firebase

23:55 - Authentication

26:35 - Cloud Firestore

31:08 - Cloud Messaging

34:01 - Cloud Storage

35:35 - Resize Images

36:79 - Trigger Email

43:41 - Crashlytics / Analytics

47:57 - Downsides to Firebase

55:56 - Wrap up

 

Links:

Community Classrooms Project

https://www.communityclassrooms.org/

Microsoft Surface Duo

https://arstechnica.com/gadgets/2020/08/microsofts-surface-duo-is-1400-and-comes-with-a-tiny-3600mah-battery/

Air BnB 

https://www.cnbc.com/2020/08/11/airbnb-plans-to-confidentially-file-for-ipo-this-month.html

Jon’s BnB - Trowell Historic Inn, Jesup GA  :)

http://trowellhistoricinn.com  (come visit!!)

Firebase

https://firebase.google.com/

Docs: React Native Firebase

https://rnfirebase.io/

Firebase vs React Native Firebase

https://stackshare.io/stackups/firebase-vs-react-native-firebase

Video: React Native Firebase | Install Firebase React Native Tutorial

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

Tutorial: How to Build a React Native App and Integrate It with Firebase

https://www.freecodecamp.org/news/react-native-firebase-tutorial/

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

What an episode, Spencer, the testing king leads us on a detailed journey through Kent C. Dodds' Testing Trophy.  From static "tests" through end-to-end, we cover it.  Sprinkled in there with some stories of Jon's denial he's A.D.D, and Spencer's hot time when he couldn't sleep.

 

0:00 - Intro

2:12 - Corrections

2:45 - Listener Mike writes in

4:07 - Main Topic Testing

4:42 - Mobile News - React Testing Library changes

7:15 - Our week - Jon doesn't have ADD

11:42 - Our Week - Spencer's hot time in the old town

15:22 - Testing Trophy

16:34 - Static testing

21:28 - Unit tests

23:39 - What is Jest

26:17 - Integration tests

34:17 - End-To-End tests with Detox

41:31 - Testing resources / TDD

43:22 - Jon's stupid and finds TDD resources

44:35 - We need to be more open-minded

46:10 - Sign off

Links

Write tests. Not too many. Mostly integration

https://kentcdodds.com/blog/write-tests

Static vs Unit vs Integration vs E2E Testing for Frontend Apps - https://kentcdodds.com/blog/unit-vs-integration-vs-e2e-tests

ReactNativeTesting.io

https://reactnativetesting.io

React Testing Library (Kent C. Dodds)

https://kentcdodds.com/blog/introducing-the-react-testing-library

https://testingjavascript.com/

Learn TDD

https://learntdd.in

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

Offline Storage and Databases

In this sleepy little episode Jon pines to be back in his 20's when he pulls an all-nighter and gets so much done.  We cover Storing JSON objects in AsyncStorage, different methods of hydration, why it's important to recognize the size of an open source community when choosing a package and/or software solution, and wrap it up with a plea to tweet us, dammit!

0:00 - Intro

0:17 - Welcome and why Jon's tired

8:56 - Main topic - Offline Storage

9:44 - AsyncStorage and Spencer's app

16:43 - Sqlite database as a solution

16:50 - Realtime database / React Native Firebase as a sync solution

18:09 - pouchDB and a lesson in jenky hydration methods

21:09 - Realm / MongoDB

24:00 - Deciding on a solution based on the size of its community

27:50 - Learn Offline storage (React Native School)

29:30 - Thanks and goodbye

 

Links

Apple threatens AirBnBhttps://www.imore.com/apple-threatens-remove-airbnb-app-store-over-virtual-experiences-commission

AsyncStoragehttps://reactnative.dev/docs/asyncstorage

React Native Firebasehttps://rnfirebase.io/

Realtime databasehttps://rnfirebase.io/database/usage

PouchDBhttps://pouchdb.com/

Sqlitehttps://github.com/andpor/react-native-sqlite-storage

Realm DBhttps://realm.io/

Build Offline Capable React Native Appshttps://www.reactnativeschool.com/building-offline-react-native-apps

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

Spencer and Jon welcome Gant Laborde, CIO of Infinite Red, AI Enthusiast, Tech genius and all around great guy to talk about a plethora of items.  Our main topic is UI Kitten, a way to get a new app up and running without having to worry about design.

 

0:00 - Introductions

4:14 - Typescript or Not Typescript

8:13 - The argument for Typescript

11:21 - All about Gant

13:09 - Hot dog Not Hot dog

15:30 - AI-FYI Newsletter

16:12 - Free AI Course

16:21 - Deep Fake Drawing and MIT's Nixon / Moon Disaster film

18:39 - AI is a magic power

20:35 - Gant's status update

21:12 - Jon's status update

22:19 - Specner's update

24:57 - Clients and understanding skills

25:18 - The Hammer Invoice

26:20 - Virtual Coffee

28:22 - UI Kitten

40:00 - Ignite CLI

44:28 - Spencer's not a designer

45:19 - Repo in life

46:21 - Open source contributions

50:02 - Wrap up

 

Links:

MIT creates disturbing ‘deepfake’ video of Nixon announcing Apollo 11 disaster

https://nypost.com/2020/07/20/mits-deepfake-video-of-nixon-announcing-apollo-11-disaster-surfaces/

In event of moon disaster

https://www.archives.gov/files/presidential-libraries/events/centennials/nixon/images/exhibit/rn100-6-1-2.pdf

Apollo 11 ‘disaster’ video project highlights growing danger of deepfake tech

https://www.space.com/apollo-11-disaster-deepfake-video-tech.html

Moon Disaster Project

https://moondisaster.org/

Moon Disaster Film

https://moondisaster.org/film

Gant’s Nicholas Cage Talk

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

Gant’s Website

https://gantlaborde.com/

React Native EU Virtual Edition (Free Registration)

https://www.react-native.eu/

AI FYI Site and Newsletter

https://ai-fyi.com/

AI Demystified: 5 day Mini-Course

https://academy.infinite.red/p/ai-demystified-free-5-day-mini-course

Infinite Red

https://infinite.red/

Chain React Conference

https://cr.infinite.red/

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com