React Native Nerds

Latest Episodes:

E010 - React Native 0.63 Jul 23, 2020

Show notes

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

E009 - Just Push It (Push Notifications) Jul 16, 2020

Show notes

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

E008 - Deep Linking - the how and why Jul 09, 2020

Show notes

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/

E007 - Can't Touch This - All About Touchables Jul 02, 2020

Show notes

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

E006 - Our Development Environments and Workflows Jun 25, 2020

Show notes

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

E005 - Can you feel it comin' in the air tonight? - OTA Updates Jun 18, 2020

Show notes

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

E004: These features are [Six] Two legit to quit - All about RN v0.62 Jun 11, 2020

Show notes

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

E003: Flipper (not the dolphin) Jun 03, 2020

Show notes

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

E002: Give me some Context please Jun 03, 2020

Show notes

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: