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 Time
https://www.reactnativeschool.com/

Fastlane Cheat Codes
Learn how easy it is to automate your iOS and Android builds and other mundane mobile development tasks
https://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/