React Native Nerds

React Native School

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)

E-024: Cool Packages, Posts and Projects Nov 05, 2020

Show notes

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:

Drink Up
- https://github.com/Redseb/DrinkUpqw
React Native Bottom Sheet
- https://github.com/gorhom/react-native-bottom-sheet
Season 4 of “Can it be done in React Native?”
- https://www.youtube.com/playlist?list=PLkOyNuxGl9jxB_ARphTDoOWf5AE1J-x1r
Lottie
- https://github.com/lottie-react-native/lottie-react-native
React Native Camera Kit
- https://github.com/teslamotors/react-native-camera-kit
HERMES
- https://github.com/facebook/react-native/pull/29914
React Native Game Engine
- https://github.com/bberak/react-native-game-engine
- https://github.com/bberak/react-native-game-engine-handbook
Shared Element Transition series
- https://www.youtube.com/playlist?list=PLQocKVqyqZDShhQWAzxS42cSP7ydl6blD
Gas Buddy rebuild
- https://medium.com/@djmax/react-native-were-really-doing-this-8e69d7b7194f

Spencer's Shameless Plugs

React Native Fundamentals Workshop

React Native School

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)

E-023 Give it a Rest and use GraphQL Oct 29, 2020

Show notes

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

React Native School

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)

E-022 Securing your app Oct 22, 2020

Show notes

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

https://reactnative.dev/docs/security
Javascript Obfuscation
- https://github.com/javascript-obfuscator/react-native-obfuscating-transformer
- https://www.youtube.com/watch?v=oUwWmoJwSLA
SSL Pinning
- https://www.thesslstore.com/blog/an-introduction-to-pinning/
- https://itnext.io/react-native-security-ssl-pinning-cde086210d58
React-Native-SSL-Pinning
- https://github.com/MaxToyberman/react-native-ssl-pinning

React Native Fundamentals Workshop

React Native School

FastLane Cheat Codes (Sign Up Now)