React Native Nerds

Disaster strikes, and hilarity ensues 1/2 way through the recording, but because I'm an awesome editor, I moved it to the beginning of the episode so you don't have to wait :)

 

React Native released a blog post about their Team Principles.  It's often easy to criticize Facebook for what they do, but they really have this figured out.

 

Then we jump over to review the new features of React Native 0.63, the new improved logBox functionality, Pushable, and other awesome features.  Two thumbs up to upgrade to 0.63 if you're able to.

 

Show Notes

 

0:00 - The Soundbooth

0:46 - Celibrating Episode #10

3:10 - Main Topic Summary

3:30 - React Native Team Principles blog post and discussion

8:54 - Learn Once, Write Anywhere

11:30 - Jon's update

13:28 - Spencer's update

16:50 - Main Topic : React Native 0.63

16:58 - LogBox

22:17 - Pressible

23:30 - PlatformColor()

27:44 - DynamicColorIOS()

28:52 - Dropping support for iOS9

30:30 - The Strange ability to embed a in a component (WTF?)

31:25 - iOS LaunchScreen requires StoryBoard

33:19 - ChangeLog

33:49 - Spencer's pull request for ReactNavigation

35:18 - Clifhanger for episode 11 :)

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

This week Jon and Spencer celebrate the fact you are indeed listening, or at least downloading the show.

Then Salt & Peppa talk about how you can push it with One Signal, Firebase, AWS and Urban Airship.  They get into the types and benefits of using push notifications in your app, and dare you, the listeners to hit us up on Twitter.

 

Links

4 Questions to Ask When Choosing a Push Notification Provider for a React Native App: https://www.reactnativeschool.com/4-questions-to-ask-when-choosing-a-push-notification-provider-for-a-react-native-app

OneSignal Docs / API Docs

React Native SDK - https://documentation.onesignal.com/docs/react-native-sdk-setup

REST API Docs - https://documentation.onesignal.com/reference/create-notification

This week Spencer and Jon talk about Apple's return to physicality in design and then dive into deep linking into your mobile applications.  They cover the two different types of deep linking (URL Schemes and Universal) and dream up interesting (and probably stupid) ways to utilize them.

0:15 - Weekly catchup

1:11 - News - Neumorphic design

6:45 - Deep Linking

19:30 - Outro

Links

Neumorphism

https://www.inputmag.com/design/apple-macos-big-sur-the-rise-of-neumorphism

Deep Linking Video Course

https://www.reactnativeschool.com/deep-linking/

React Navigation v5 Docs

https://reactnavigation.org/docs/deep-linking/

Deep Linking in React Native with Universal Links and URL Schemes

https://medium.com/@rossbulat/deep-linking-in-react-native-with-universal-links-and-url-schemes-7bc116e8ea8b

 

React Native School Become an Expert React Native Developer One Lesson at a Timehttps://www.reactnativeschool.com/

Fastlane Cheat CodesLearn how easy it is to automate your iOS and Android builds and other mundane mobile development taskshttps://fastlanecheatcodes.com/

This week we investigate Touchables and the many different ways you can have your app accept (or not accept) touches properly.

 

0:17 - Intro

3:28 - Spotify Lite project

4:53 - TypeScript?

7:27 - Touchables in general

9:35 - TouchableWithoutFeedback

10:30 - Enabling secret features

12:46 - TouchableHighlight

13:55 - TouchableOpacity

14:22 - TouchableHighlight (take 2)

15:01 - TouchableNativeFeedback

16:09 - Legitimization (Drink!)

21:54 - Outro

Links

Better Cross-Platform React Native Components: https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472

Jon and Spencer talk about their setups, what they use and different approaches to development.

 

Links

iOS 14 in 4 minutes

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

Snapchat's augmented reality camera can identify dog breeds and plant species 

https://www.businessinsider.com/snapchat-camera-scan-dog-breeds-augmented-reality-snap-partner-summit-2020-6

Expo Web

https://docs.expo.io/guides/running-in-the-browser/

https://github.com/expo/expo/issues/6782

RecyclerListview

https://github.com/Flipkart/recyclerlistview

React Native Scroll Bottom Sheet

https://github.com/rgommezz/react-native-scroll-bottom-sheet

Visual Studio Code

https://code.visualstudio.com

Fastlane

http://fastlane.tools

Installr

http://installrapp.com

Spencer VSCode Setup

https://www.youtube.com/watch?v=T1ZY4eq1m-E

Command Line Power User by Wes Bos

https://commandlinepoweruser.com/

React Native School

https://reactnativeschool

Fastlane Cheat Codes

https://fastlanecheatcodes.com

In this episode we discuss Over-the-air updates, what you can and can't do with them, along with probably getting banned from China, how you can maybe sell your app for $7.3 Billion dollars using a $300 starter kit and lots of other stuff.

 

Links:

GrubHub sold for 7.3B

https://techcrunch.com/2020/06/10/just-eat-takeaway-confirms-its-gobbling-up-grubhub-in-a-7-3b-deal/

React Native template Food Delivery App for $299

https://www.instamobile.io/app-templates/food-delivery-restaurant-app-template-react-native/

Apple takes down PocketCasts in China at behest of the government

https://9to5mac.com/2020/06/10/apple-removes-pocket-casts-podcast-player-from-app-store-in-china-at-government-request/

Understanding React Native Deployments

https://medium.com/react-native-training/understanding-react-native-deployments-6e54157920b7

Code Push (old landing page)

https://microsoft.github.io/code-push

Microsoft App Center

https://appcenter.ms

Electrode

http://www.electrode.io

React Native Windows

https://github.com/microsoft/react-native-windows

Tutorials

Over-the-air updates with CodePush - Spencer / React Native School

https://www.reactnativeschool.com/over-the-air-updates-with-codepush

ReactNative Codepush Tutorial by Cory McAboy

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

We review the release of React Native 0.62, the different features and why these may (or may not) impact your life, workflow, and overall happiness.  We also dig into the change log, jump into some Git goodness and stress the continued Legitimization [drink!] of React Native and gush all over how great it is becoming. 

Advisory: You may need a box of tissues for this one folks.

Links:

Announcing React Native 0.62 with Flipper

https://reactnative.dev/blog/2020/03/26/version-0.62

Appearance

https://reactnative.dev/docs/appearance

AccessibilityInfo

https://reactnative.dev/docs/accessibilityinfo

AppleTV package

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

React Native Windows

https://github.com/microsoft/react-native-windows

Upgrade Support

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

LogBox

https://reactnativejobs.com/blog/react-native-logbox-debugging/

React Dev Tools v4

https://reactjs.org/blog/2019/08/15/new-react-devtools.html

0.62 Change Log

https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#0620

If you write code, you write bugs and sometimes finding why those bugs happen is insanely difficult.  We talk about some new first class support in React Native for Flipper, a fantastic debugging tool.

Flipper Website

https://fbflipper.com/

YouTube

Flipper: The Extensible DevTool Platform for React Native - Michel Weststrate aka @mweststrate

https://youtu.be/WltZTn3ODW4

React Native Flipper debugger - Announcing React Native 0.62 with Flipper

https://youtu.be/qsaNOILmSXw

Parashuram's blog

Using Flipper with React Native

http://blog.nparashuram.com/2019/09/using-flipper-with-react-native.html

In this episode we review Context and what it can do for you and your apps.  How it eliminates pro-drilling, how to access and affect state multiple components and screens deep.

Links:

React Native Context Docs

https://reactjs.org/docs/context.html

Wes Bos' video

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

What's new in React Navigation v5 and why you definitely should upgrade.

Links:

https://reactnavigation.org/blog/2020/02/06/react-navigation-5.0

https://reactnavigation.org/docs/upgrading-from-4.x/