React Native Nerds

Follow React Native Nerds
Share on
Copy link to clipboard

We discuss React Native topics listeners need to know about to become a better developer

React Native Nerds

  • Dec 31, 2020 LATEST EPISODE
  • weekly NEW EPISODES
  • 37m AVG DURATION
  • 31 EPISODES


Search for episodes from React Native Nerds with a specific topic:

Latest episodes from React Native Nerds

E030 - Stale Props & Zombie Children (State Management in 2021)

Play Episode Listen Later Dec 31, 2020 59:31


This week, Jon ramps up his brewing plans with a logo contest, Spencer's girlfriend comes through and lands an XBox and hopefully is overcoming his motion sickness.In the React arena we discuss state management and if you've never used anything more than component state we got you covered.  You'll learn when to up your state game and possibly which type of state management solution will work for you and your app.If you've gotten into Redux or MobX, this is still interesting because we discuss the differences between multiple solutions and you may hear something that may make you switch!0:00 - Introduction0:05 - Jon's update / Brewery news8:13 - Spencer's update12:58 - State Management in 202114:08 - What is State20:32 - Context24:24 - Redux / Redux Toolkit33:23 - MobX / MobX State Tree40:23 - Recoil43:38 - Apollo45:14 - ReactQuery49:38 - Zustand54:10 - When to use 'em56:58 - Migrating from one to another58:31 - Wrap Up Links:Jon’s logo contest at LogoMyWayhttps://www.logomyway.com/28555/friends/5dc00bc4e5https://kentcdodds.com/blog/application-state-management-with-reactZustandhttps://github.com/pmndrs/zustandMobX vs Reduxhttps://www.youtube.com/watch?v=UeRUT5H6XPII’m never using Recoil.jshttps://www.youtube.com/watch?v=XEYiYpASG2ASpencer's Shameless PlugsReact Native Fundamentals Workshophttps://youtu.be/rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com Jon's Shameless PlugsFastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E029 - Pi-RATS of the Caribbean (Building Reusable Components)

Play Episode Listen Later Dec 17, 2020 39:58


In this episode, Jon deal with rats and realizes he can do impressions.  Spencer gets motion sick over video games but still wants (yet can't find) an xBox.Our main topic this week covers how to be lazy when building mobile apps by carefully constructing reusable components saving you time and hopefully frustration.Building a mobile app can be challenging, but you can make it easier on yourself by using some tools and patterns to build reusable components.  meaning you can use the same component in multiple places throughout your app, and in other apps. 0:00 - Intro0:50 - RATS8:46 - XBox motion sickness10:44 - COVID comparisons11:47 - Mobile news - Calm15:38 - The key to sleep16:17 - Main Topic - Custom Components16:47 - Main Topic For Real This Time20:16 - Props all the way down25:52 - Core APIs26:32 - Storybook27:58 - Styled Components29:47 - Keep 'em light34:23 - Don't optimize before you need to35:25 - UI Frameworks can help37:27 - Felixbility39:15 - WrapUp LinksCalm valuationhttps://www.businessofapps.com/news/calm-raises-75-million-at-2-billion-evaluation/ Spencer's Shameless PlugsReact Native Fundamentals Workshophttps://youtu.be/rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com Jon's Shameless PlugsFastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com39:15 - Wrap Up

E-028: Blame it on the potatoes [React Native 0.64]

Play Episode Listen Later Dec 10, 2020 30:17


This week Jon is losing his mind and obsessing over his brewery and where it will be, Spencer can't cool and still can't find an Xbox, but does seem to come up with some cheeky titles for his new courses.When we get down to React Native we cover the important details about the recently released v0.64, what you need to do to prepare and what features are worth knowing about.0:00 - Intro0:40 - Spencer can't cook5:05 - Jon's brewery news8:17 - Spencer's weekly update13:31 - Mobile news (Amazon's new MacOS EC2)15:58 - React Native 0.6416:01 - Hermes for iOS17:24 - inline requires19:42 - Shout Outs20:53 - React 1721:14 - Hermes proxy suport22:02 - Hermes profile command22:43 - Node 1223:16 - Android min SDK bump25:43 - XCode 1226:57 - Prepare now29:27 - Wrap Up LinksAmazon adds MacOShttps://arstechnica.com/gadgets/2020/12/amazon-web-services-adds-macos-on-bare-metal-to-ec2/https://github.com/facebook/react-native/releaseshttps://github.com/react-native-community/releases/issues/214https://github.com/react-native-community/releases/blob/20a632d3a61153f813c020ef2c6bca6910958a10/CHANGELOG.mdhttps://react-native-community.github.io/upgrade-helper/ Spencer's Shameless PlugsReact Native Fundamentals Workshophttps://youtu.be/rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com Jon's Shameless PlugsFastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-027: Javascript Runtime

Play Episode Listen Later Dec 3, 2020 40:31


This week Spencer really wants an XBox and keeps getting denied, if anyone has a hookup - let him know.  Jon gets sucked into the mechanical keyboard community.Then we focus in React Native and talk about how it all works with transpiling and polyfills,. The best part is that you don't need to understand all of this to use it and make great Apps. 03:20 - Jon fell down the mechanical keyboard rabbit hole08:10 - Apple Cutting Fees to 15% (if making less than $1mil/year)10:10 - Foxconn and flip phones12:40 - Spencer’s warning: he just learned what he’s talking about14:40 - What is a JavaScript Runtime?16:00 - The different JavaScript Runtimes available (presently) and when they’re used20:30 - Flamboyant claims: the key to listener engagement21:20 - How transpiling “just works”® in React Native28:45 - What APIs are available in React Native? Talking polyfills.31:00 - What is Hermes and how does it fit in?34:45 - Where to learn more about this stuff Apple price cuthttps://www.zdnet.com/article/apple-slices-commission-rates-with-launch-of-new-small-business-app-developer-programFoxconn’s folding iPhonehttps://appleinsider.com/articles/20/11/16/foxconn-allegedly-testing-apples-folding-iphone-for-release-in-2022More informationhttps://reactnative.dev/docs/javascript-environmenthttps://medium.com/swlh/react-natives-re-architecture-in-2020-9bb82659792chttps://www.youtube.com/watch?v=7gm0owyO8HUBabel resources we talked abouthttps://babeljs.io/https://babeljs.io/docs/en/babel-plugin-transform-parametershttps://babeljs.io/docs/en/config-files/Spencer's Shameless PlugsReact Native Fundamentals Workshophttps://youtu.be/rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com Jon's Shameless PlugsFastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-026 Pour me another Draft(bit) please - Talking Draftbit with Peter Piekarczyk

Play Episode Listen Later Nov 19, 2020 44:31


We have a new friends of the show - Peter Piekarczyk joins us to talk about his company Draftbit and how it can help accelerate your mobile app development using their interface.  Build multiple screens, complex UIs with their drag-n-drop interface, tweak properties to get it just right and view the generated code, or export your app so you're not jailed into their system!  Oh did I mention you can scan a QR code at any point and view it immediately on your device?  Pretty amazing.We also talk about beer, black Friday preparations, travel during these weird times and a lot more.0:00 - Welcome0:35 - Introduction of our guest3:31 - Jon's update (brewery fun)5:40 - Spencer's update (Firebase, and Black Friday preparation)6:27 - Peter's update (Travel)7:50 - Hammerspoon and Home Assistant11:06 - Mobile News (Apple's One More Thing event)17:15 - Draftbit24:25 - Reason / Rescript30:11 - Draftbit's Origin Story33:17 - Workflow39:29 - Video tutorials40:39 - Getting access42:32 - Wrap Up Links:Apple’s One More thing eventvideo only - https://www.youtube.com/watch?v=umoEDgl_xBowrite up + video - https://www.theverge.com/2020/11/10/21550892/apple-arm-silicon-event-macbook-air-pro-mini-mac-big-sur-biggest-announcementsHammerspoonhttps://www.hammerspoon.orgHome Assistanthttps://www.home-assistant.io/ReasonMLhttps://reasonml.github.io/ReScripthttps://rescript-lang.org/Find Draftbit OnlineTwitter: https://twitter.com/draftbit (@draftbit)Web: https://draftbit.comFind Peter OnlineTwitter: https://twitter.com/peterpme (@peterpme)Github: https://github.com/peterpmeWeb: https://peterp.me  

E-025: Improving your UI / UX Skilz

Play Episode Listen Later Nov 9, 2020 51:13


** Releasing this early this week **** Because we talk about the "One More Thing" event on November 10th**Did you know that Spencer wants to be a gamer now? He thinks hiring a VA is going to give him that time haha.  Jon is looking to fill in any free time he had but opening a brewery in his town and plans are flying all over the place. We would be remiss if we didn't mention quickly the burning trash heap that is our Election process.BUT you're here for mobile development, so ...Do your mobile apps look like crap?  Yea we thought so too.  We're going to cover how  you can up your design skills, without having to take a course.  With the resources we'll talk about you'll be able to figure out how to improve an app you're written or how to build it correct the first time.  We run through UI design / UX design flows / css and layout tips as well as using a pre-built design system. 0:00 - Welcome / the state of the US Dumpster fire2:20 - Jon's building a brewery6:24 - Spencer is a wannabe Gamer and hired a VA13:36 - The vintage iPhone 5c20:09 - Main topic intro21:52 - Dribble26:04 - UI Design Daily28:10 - UX Archive32:11 - FlatIcon.com33:40 - UI Design sub-reddit34:26 - Refactoring UI39:31 - App analysis and critique43:20 - CSS skills44:33 - FlexBox Froggy49:38 - Goldfish projects Links:iPhone 5c is “Vintage” with limited supporthttps://9to5mac.com/2020/11/03/iphone-5c-is-now-considered-a-vintage-device-with-limited-support/One More Thing event - on November 10thhttps://arstechnica.com/gadgets/2020/11/one-more-thing-apple-announces-livestreamed-event-for-november-10/Priceshttps://www.tomsguide.com/news/apple-silicon-macs-explained-everything-you-need-to-know-about-arm-macbooksDribbbleUXArchiveUI Design Dailyhttps://www.flaticon.com/packshttps://www.reddit.com/r/UI_Design/UI kitsUIKittenhttps://akveo.github.io/react-native-ui-kitten/React Native Elementshttps://react-native-elements.github.io/react-native-elements/Nativebasehttps://nativebase.io/Shoutemhttps://shoutem.github.io/React native paperhttps://reactnativepaper.com/React Native Material Kithttp://xinthink.github.io/react-native-material-kit/React Native Material UIhttps://github.com/xotahal/react-native-material-uiRefactoring UI Spencer's Shameless PlugsReact Native Fundamentals Workshophttps://www.youtube.com/watch?v=rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com Jon's Shameless PlugsFastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-024: Cool Packages, Posts and Projects

Play Episode Listen Later Nov 5, 2020 40:41


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 - Welcome0:44 - Jon's catchup / car and demo3:30 - Spencer's catchup and fire prevention lesson7:19 - Spencer's new class about building a chat app8:19 - Brewery Teaser... because Jon doesn't have enough to do12:01 - Main Topic!  Finally, right???12:24 - Old packages and projects and the headache they are13: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 Uphttps://github.com/Redseb/DrinkUpqwReact Native Bottom Sheethttps://github.com/gorhom/react-native-bottom-sheetSeason 4 of “Can it be done in React Native?”https://www.youtube.com/playlist?list=PLkOyNuxGl9jxB_ARphTDoOWf5AE1J-x1rLottiehttps://github.com/lottie-react-native/lottie-react-nativeReact Native Camera Kithttps://github.com/teslamotors/react-native-camera-kitHERMEShttps://github.com/facebook/react-native/pull/29914React Native Game Enginehttps://github.com/bberak/react-native-game-enginehttps://github.com/bberak/react-native-game-engine-handbookShared Element Transition serieshttps://www.youtube.com/playlist?list=PLQocKVqyqZDShhQWAzxS42cSP7ydl6blDGas Buddy rebuildhttps://medium.com/@djmax/react-native-were-really-doing-this-8e69d7b7194f Spencer's Shameless PlugsReact Native Fundamentals Workshophttps://www.youtube.com/watch?v=rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com Jon's Shameless PlugsFastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-023 Give it a Rest and use GraphQL

Play Episode Listen Later Oct 29, 2020 38:36


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 update02:04 - Jon on why to read the fine print of your Airbnb reservation03:30 - The News (Microsoft using React Native, React v17, Node v15, NPM v7)07:45 - News Continued, Talking about Draftbit10: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 development20:00 - Walking through an example of using Graphql for Jon’s conference app24:45 - Graphiql. An amazing development tool for Graphql26:00 - No more endpoint versioning27:30 - Implementing Graphql36:40 - Graphql is to REST as REST was to SOAP? Maybe not as dramatic…37:10 - Jon repaving the road to hell  Links:Microsoft on React NativeReact v17.0.0 released - no new features!!Node v15 releasednpm v7 releasedDraftbit Graphql.orgAvailable Graphql toolsWhat is GraphQL - introApollo GraphQLGraphCMSSpencer's Shameless PlugsReact Native Fundamentals Workshophttps://www.youtube.com/watch?v=rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com Jon's Shameless PlugsFastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com 

E-022 Securing your app

Play Episode Listen Later Oct 22, 2020 26:00


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 - Intro1:30 - environment vars (react-native-dotenv, react-native-config)7:13 - expo-secure-store, react-native-keychain, react-native-sensitive-info9:01 - Auth / Deep linking11:44 - SSL Pinning15:18 - Obfuscation18:22 - Jailbreak protection25:26 - OutroLinkshttps://reactnative.dev/docs/securityJavascript Obfuscationhttps://github.com/javascript-obfuscator/react-native-obfuscating-transformerhttps://www.youtube.com/watch?v=oUwWmoJwSLASSL Pinninghttps://www.thesslstore.com/blog/an-introduction-to-pinning/https://itnext.io/react-native-security-ssl-pinning-cde086210d58React-Native-SSL-Pinninghttps://github.com/MaxToyberman/react-native-ssl-pinningReact Native Fundamentals Workshophttps://www.youtube.com/watch?v=rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-021: The Best Way To Learn Anything

Play Episode Listen Later Oct 15, 2020 45:03


Jon's back!  In this episode we catch up a bit since it's been a couple weeks since we've spoken, we celebrate Spencer's launch of Spectrum 3, hit some Epic news and dive into the best ways we learn with tips along the way.0:00 - Intro 1:07 - Jon's moving saga and office space5:11 - Spencer's update, Spectrum launch and camping naked7:55 - NEWS:  React Native Radio8:31 - Digital Ocean App Platform11:13 - EPIC News / Court Date11:44 - The Best Way To Learn [#clickBait]13:25 - Doc diving19:54 - The proper way to use tutorials + critical thinking24:44 - Suck it up buttercup - if you're stuck, push through it28:55 - Saturation and Emersion29:56 - Community Involvement33:21 - Open source contributions / good first issue34:50 - Translation as a means of learning36:15 - Book - Make It Stick39:46 - Spencer's course review by Jon42:34 - Community and Egghead.io44:17 - Wrap up Links:Apple / Epic Trialhttps://www.scribd.com/document/479056578/Epic-vs-Apple-Starts-May-3Digital Ocean App Platformhttps://www.digitalocean.com/blog/introducing-digitalocean-app-platform-reimagining-paas-to-make-it-simpler-for-you-to-build-deploy-and-scale-apps/https://www.digitalocean.com/pricing/#app-platformMake it Stickhttps://www.amazon.com/Make-Stick-Science-Successful-Learning/dp/0674729013https://kentcdodds.com/blog/how-i-teach React Native Fundamentals Workshophttps://www.youtube.com/watch?v=rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-020 Dealing with Bugs (that you didn't write)

Play Episode Listen Later Oct 8, 2020 13:19


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 Linkspatch-packageFork a repoReact Native Fundamentals Workshop React Native Fundamentals Workshophttps://www.youtube.com/watch?v=rLmdmLhfwvQReact Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-019 React Native EU Highlights

Play Episode Listen Later Oct 1, 2020 36:57


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 Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-018 - Authentication Workflows

Play Episode Listen Later Sep 27, 2020 33:30


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 Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-017 - Doctorate in Voodoo Science with a concentration in F.O. (Flatlist Optimization)

Play Episode Listen Later Sep 10, 2020 45:02


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 - Introduction7:53 - Mobile News8:09 - ZTE - first ever behind the screen camera9:50 - Open Bot - an Android robotics framework12:40 - Surface Duo is hitting reviewers13:58 - Why Jon doesn't have any time15:16 - FlastList / ScrollView19:20 - Disaster befalls Jon (again)19:45 - SectionList23:45 - InitialNumToRender25:05 - MaxToRenderPerBatch25:43 - Use a device28:50 - WindowSize29:19 - ListItem complex components31:10 - Icon Sizes33:05 - 3rd party / external packages35:39 - RenderItem anonymous functions40:35 - RecyclerListView43:31 - Wrap Up Links:ZTE behind the screen camerahttps://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.beOpenBothttps://www.openbot.org/GitHub: https://github.com/intel-isl/OpenBotDemonstration: https://www.youtube.com/watch?v=qc8hFLyWDOMOptimizing Flatlist Configuration - https://reactnative.dev/docs/optimizing-flatlist-configurationRecyclerListViewhttps://github.com/Flipkart/recyclerlistviewHow to use RecyclerListView with React Nativehttps://www.youtube.com/watch?v=32ZM72CKtTE React Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-016 Hope Springs Eternal Disappointment (Animations with React Native)

Play Episode Listen Later Sep 3, 2020 35:16


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 - Welcome1:49 - Spencer's Week4:00 - Jon's Week9:38 - Mobile News - Spotify may be a target for Apple10:37 - Fortnite News12:21 - ARWES - SciFi UI library (React)14:24 - Main Topic - Animations15:48 - LayoutAnimation18:40 - Animated22:55 - PanResponder25:10 - Reanimated (v1)28:09 - Reanimated (v2)30:14 - React Native Gesture Handler34:07 - WrapUp Links:Spotify Virtual Eventshttps://techcrunch.com/2020/08/26/spotify-is-developing-a-virtual-events-feature/Napster sold to MelodyVRhttps://www.theguardian.com/music/2020/aug/25/napster-sold-british-startup-melodyvr-surprise-dealArwes (Web) … but wait!https://arwes.dev/Fortnite is splitting into two different games because of Epic and Apple’s fighthttps://www.theverge.com/2020/8/26/21402547/fortnite-epic-games-apple-ios-macos-two-different-gamesLayoutAnimationhttps://reactnative.dev/docs/layoutanimationAnimatedhttps://reactnative.dev/docs/animated#docsNavPanResponderhttps://reactnative.dev/docs/panresponderReanimatedhttps://github.com/software-mansion/react-native-reanimatedReact Native Gesture Handlerhttps://github.com/software-mansion/react-native-gesture-handlerWilliam Candillonhttps://www.youtube.com/watch?v=dLC64ye-M94Learn Reanimated v2 (William Candillon)https://start-react-native.dev/reanimated-2 React Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-015 Guest from the West - Jamon Holmgren from Infinite Red

Play Episode Listen Later Aug 27, 2020 67:00


This week we're joined by Jamon Holmgren to talk about React Native Community, the Lean Core initiative, Ignite, Reactotron and more. 0:00 Intro0:53 - Pronunciation apologies2:22 - Jamon's week of small, annoying, don't have a good answer for it issues7:22 - Spencer's week9:09 - Mobile News / Epic Battle17:26 - Pentagon's UFO Taskforce19:49 - Getting to know Jamon24:00 - Why Infinite Red chose React Native33:06 - Podcasts33:43 - Managing with 3 partners41:55 - WebView47:13 - What is the React Native Community49:22 - Ignite54:17 - Breaking Changes and Maintaining Ignite57:09 - Continued use of Ignite in your projects59:24 - Ignite with Expo support1:02:23 - Reactotron1:03:27 - Keep in touch with newsletters1:04:41 - Chain React1:05:56 - Finding Jamon Links:How to find Jamonhttps://twitter.com/jamonholmgrenhttps://jamonholmgren.com/Infinite Redhttps://infinite.red/Ignitehttps://github.com/infinitered/igniteIR Academyhttps://academy.infinite.red/Apple / Epic Battlehttps://www.macrumors.com/2020/08/17/apple-terminate-epic-developer-accounts-august-28/?scrolla=5eb6d68b7fedc32c19ef33b4198Fort-nite Videohttps://youtu.be/euiSHuaw6Q4The original 1984 Apple Videohttps://www.youtube.com/watch?v=VtvjbmoDx-I10,000 phone for salehttps://www.businessinsider.com/iphones-with-fortnite-selling-on-ebay-for-thousands-2020-8Pentagon Announces Task Force to Study UFOshttps://www.vice.com/en_us/article/z3e8pw/pentagon-announces-task-force-to-study-ufosReact Native Fundamentals Workshophttps://github.com/ReactNativeSchool/react-native-fundamentalsReact Native Communityhttps://github.com/react-native-communityReact Native EU 2019: Jamon Holmgrenhttps://www.youtube.com/watch?v=Wx9slbOTD6Q React Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-014 FireBase

Play Episode Listen Later Aug 20, 2020 55:23


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 - Intro0:10 - Selling Jeeps and Jurassic Park3:18 - Spencer deletes his work5:28 - Jon's contract work and press conference 8:36 - Mobile news8:40 - First time Review & Rating - Thanks its_me_hugo!9:19 - Air BnB going public10:58 - Microsoft's Surface Duo14:18 - Firebase Overview18:26 - React Native Firebase19:03 - Spencer's experience with Firebase20:25 - Why use Firebase21:36 - Two options to implement Firebase23:55 - Authentication26:35 - Cloud Firestore31:08 - Cloud Messaging34:01 - Cloud Storage35:35 - Resize Images36:79 - Trigger Email43:41 - Crashlytics / Analytics47:57 - Downsides to Firebase55:56 - Wrap up Links:Community Classrooms Projecthttps://www.communityclassrooms.org/Microsoft Surface Duohttps://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.htmlJon’s BnB - Trowell Historic Inn, Jesup GA  :)http://trowellhistoricinn.com  (come visit!!)Firebasehttps://firebase.google.com/Docs: React Native Firebasehttps://rnfirebase.io/Firebase vs React Native Firebasehttps://stackshare.io/stackups/firebase-vs-react-native-firebaseVideo: React Native Firebase | Install Firebase React Native Tutorialhttps://www.youtube.com/watch?v=LYi1gwPWDtoTutorial: How to Build a React Native App and Integrate It with Firebasehttps://www.freecodecamp.org/news/react-native-firebase-tutorial/ React Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com 

E-013 - Open your mind to testing your apps

Play Episode Listen Later Aug 13, 2020 46:34


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 - Intro2:12 - Corrections2:45 - Listener Mike writes in4:07 - Main Topic Testing4:42 - Mobile News - React Testing Library changes7:15 - Our week - Jon doesn't have ADD11:42 - Our Week - Spencer's hot time in the old town15:22 - Testing Trophy16:34 - Static testing21:28 - Unit tests23:39 - What is Jest26:17 - Integration tests34:17 - End-To-End tests with Detox41:31 - Testing resources / TDD43:22 - Jon's stupid and finds TDD resources44:35 - We need to be more open-minded46:10 - Sign offLinksWrite tests. Not too many. Mostly integrationhttps://kentcdodds.com/blog/write-testsStatic vs Unit vs Integration vs E2E Testing for Frontend Apps - https://kentcdodds.com/blog/unit-vs-integration-vs-e2e-testsReactNativeTesting.iohttps://reactnativetesting.ioReact Testing Library (Kent C. Dodds)https://kentcdodds.com/blog/introducing-the-react-testing-libraryhttps://testingjavascript.com/Learn TDDhttps://learntdd.inReact Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E-012 The zero intruption theory [Offline Storage and Databases]

Play Episode Listen Later Aug 6, 2020 30:22


Offline Storage and DatabasesIn 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 - Intro0:17 - Welcome and why Jon's tired8:56 - Main topic - Offline Storage9:44 - AsyncStorage and Spencer's app16:43 - Sqlite database as a solution16:50 - Realtime database / React Native Firebase as a sync solution18:09 - pouchDB and a lesson in jenky hydration methods21:09 - Realm / MongoDB24:00 - Deciding on a solution based on the size of its community27:50 - Learn Offline storage (React Native School)29:30 - Thanks and goodbye LinksApple threatens AirBnBhttps://www.imore.com/apple-threatens-remove-airbnb-app-store-over-virtual-experiences-commissionAsyncStoragehttps://reactnative.dev/docs/asyncstorageReact Native Firebasehttps://rnfirebase.io/Realtime databasehttps://rnfirebase.io/database/usagePouchDBhttps://pouchdb.com/Sqlitehttps://github.com/andpor/react-native-sqlite-storageRealm DBhttps://realm.io/Build Offline Capable React Native Appshttps://www.reactnativeschool.com/building-offline-react-native-apps React Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com 

E-011 UI Kitten with Gant Laborde

Play Episode Listen Later Jul 30, 2020 55:11


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 - Introductions4:14 - Typescript or Not Typescript8:13 - The argument for Typescript11:21 - All about Gant13:09 - Hot dog Not Hot dog15:30 - AI-FYI Newsletter16:12 - Free AI Course16:21 - Deep Fake Drawing and MIT's Nixon / Moon Disaster film18:39 - AI is a magic power20:35 - Gant's status update21:12 - Jon's status update22:19 - Specner's update24:57 - Clients and understanding skills25:18 - The Hammer Invoice26:20 - Virtual Coffee28:22 - UI Kitten40:00 - Ignite CLI44:28 - Spencer's not a designer45:19 - Repo in life46:21 - Open source contributions50:02 - Wrap up Links:MIT creates disturbing ‘deepfake’ video of Nixon announcing Apollo 11 disasterhttps://nypost.com/2020/07/20/mits-deepfake-video-of-nixon-announcing-apollo-11-disaster-surfaces/In event of moon disasterhttps://www.archives.gov/files/presidential-libraries/events/centennials/nixon/images/exhibit/rn100-6-1-2.pdfApollo 11 ‘disaster’ video project highlights growing danger of deepfake techhttps://www.space.com/apollo-11-disaster-deepfake-video-tech.htmlMoon Disaster Projecthttps://moondisaster.org/Moon Disaster Filmhttps://moondisaster.org/filmGant’s Nicholas Cage Talkhttps://www.youtube.com/watch?v=oJXaIoRZdBMGant’s Websitehttps://gantlaborde.com/React Native EU Virtual Edition (Free Registration)https://www.react-native.eu/AI FYI Site and Newsletterhttps://ai-fyi.com/AI Demystified: 5 day Mini-Coursehttps://academy.infinite.red/p/ai-demystified-free-5-day-mini-courseInfinite Redhttps://infinite.red/Chain React Conferencehttps://cr.infinite.red/React Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com

E010 - React Native 0.63

Play Episode Listen Later Jul 23, 2020 35:47


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 Soundbooth0:46 - Celibrating Episode #103:10 - Main Topic Summary3:30 - React Native Team Principles blog post and discussion8:54 - Learn Once, Write Anywhere11:30 - Jon's update13:28 - Spencer's update16:50 - Main Topic : React Native 0.6316:58 - LogBox22:17 - Pressible23:30 - PlatformColor()27:44 - DynamicColorIOS()28:52 - Dropping support for iOS930:30 - The Strange ability to embed a in a component (WTF?)31:25 - iOS LaunchScreen requires StoryBoard33:19 - ChangeLog33:49 - Spencer's pull request for ReactNavigation35:18 - Clifhanger for episode 11 :) React Native Schoolhttps://reactnativeschool.com FastLane Cheat Codes (Sign Up Now)https://fastlanecheatcodes.com   

E009 - Just Push It (Push Notifications)

Play Episode Listen Later Jul 16, 2020 29:05


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. Links4 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-appOneSignal Docs / API DocsReact Native SDK - https://documentation.onesignal.com/docs/react-native-sdk-setupREST API Docs - https://documentation.onesignal.com/reference/create-notification

E008 - Deep Linking - the how and why

Play Episode Listen Later Jul 9, 2020 20:19


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 catchup1:11 - News - Neumorphic design6:45 - Deep Linking19:30 - OutroLinksNeumorphismhttps://www.inputmag.com/design/apple-macos-big-sur-the-rise-of-neumorphismDeep Linking Video Coursehttps://www.reactnativeschool.com/deep-linking/React Navigation v5 Docshttps://reactnavigation.org/docs/deep-linking/Deep Linking in React Native with Universal Links and URL Schemeshttps://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/

E007 - Can't Touch This - All About Touchables

Play Episode Listen Later Jul 2, 2020 23:03


This week we investigate Touchables and the many different ways you can have your app accept (or not accept) touches properly. 0:17 - Intro3:28 - Spotify Lite project4:53 - TypeScript?7:27 - Touchables in general9:35 - TouchableWithoutFeedback10:30 - Enabling secret features12:46 - TouchableHighlight13:55 - TouchableOpacity14:22 - TouchableHighlight (take 2)15:01 - TouchableNativeFeedback16:09 - Legitimization (Drink!)21:54 - OutroLinksBetter Cross-Platform React Native Components: https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472

E006 - Our Development Environments and Workflows

Play Episode Listen Later Jun 25, 2020 55:23


Jon and Spencer talk about their setups, what they use and different approaches to development. LinksiOS 14 in 4 minuteshttps://www.youtube.com/watch?v=YDDguZoYn5ISnapchat'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-6Expo Webhttps://docs.expo.io/guides/running-in-the-browser/https://github.com/expo/expo/issues/6782RecyclerListviewhttps://github.com/Flipkart/recyclerlistviewReact Native Scroll Bottom Sheethttps://github.com/rgommezz/react-native-scroll-bottom-sheetVisual Studio Codehttps://code.visualstudio.comFastlanehttp://fastlane.toolsInstallrhttp://installrapp.comSpencer VSCode Setuphttps://www.youtube.com/watch?v=T1ZY4eq1m-ECommand Line Power User by Wes Boshttps://commandlinepoweruser.com/React Native Schoolhttps://reactnativeschoolFastlane Cheat Codeshttps://fastlanecheatcodes.com 

E005 - Can you feel it comin' in the air tonight? - OTA Updates

Play Episode Listen Later Jun 18, 2020 29:21


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.3Bhttps://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 $299https://www.instamobile.io/app-templates/food-delivery-restaurant-app-template-react-native/Apple takes down PocketCasts in China at behest of the governmenthttps://9to5mac.com/2020/06/10/apple-removes-pocket-casts-podcast-player-from-app-store-in-china-at-government-request/Understanding React Native Deploymentshttps://medium.com/react-native-training/understanding-react-native-deployments-6e54157920b7Code Push (old landing page)https://microsoft.github.io/code-pushMicrosoft App Centerhttps://appcenter.msElectrodehttp://www.electrode.ioReact Native Windowshttps://github.com/microsoft/react-native-windowsTutorialsOver-the-air updates with CodePush - Spencer / React Native Schoolhttps://www.reactnativeschool.com/over-the-air-updates-with-codepushReactNative Codepush Tutorial by Cory McAboyhttps://www.youtube.com/watch?v=jEEPlqIcICM

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

Play Episode Listen Later Jun 11, 2020 31:41


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 Flipperhttps://reactnative.dev/blog/2020/03/26/version-0.62Appearancehttps://reactnative.dev/docs/appearanceAccessibilityInfohttps://reactnative.dev/docs/accessibilityinfoAppleTV packagehttps://github.com/react-native-community/react-native-tvosReact Native Windowshttps://github.com/microsoft/react-native-windowsUpgrade Supporthttps://github.com/react-native-community/upgrade-supportLogBoxhttps://reactnativejobs.com/blog/react-native-logbox-debugging/React Dev Tools v4https://reactjs.org/blog/2019/08/15/new-react-devtools.html0.62 Change Loghttps://github.com/react-native-community/releases/blob/master/CHANGELOG.md#0620

E003: Flipper (not the dolphin)

Play Episode Listen Later Jun 3, 2020 32:07


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 Websitehttps://fbflipper.com/YouTubeFlipper: The Extensible DevTool Platform for React Native - Michel Weststrate aka @mweststratehttps://youtu.be/WltZTn3ODW4React Native Flipper debugger - Announcing React Native 0.62 with Flipperhttps://youtu.be/qsaNOILmSXwParashuram's blogUsing Flipper with React Nativehttp://blog.nparashuram.com/2019/09/using-flipper-with-react-native.html

E002: Give me some Context please

Play Episode Listen Later Jun 3, 2020 23:55


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 Docshttps://reactjs.org/docs/context.htmlWes Bos' videohttps://www.youtube.com/watch?v=XLJN4JfniH4

E001: React Navigation v5

Play Episode Listen Later Jun 3, 2020 31:08


What's new in React Navigation v5 and why you definitely should upgrade.Links:https://reactnavigation.org/blog/2020/02/06/react-navigation-5.0https://reactnavigation.org/docs/upgrading-from-4.x/ 

E000: Meet The Nerds

Play Episode Listen Later Jun 3, 2020 27:06


Starting a new podcast about React Native and we try to qualify ourselves and why we think we're nerd enough to talk to you about this stuff.

Claim React Native Nerds

In order to claim this podcast we'll send an email to with a verification link. Simply click the link and you will be able to edit tags, request a refresh, and other features to take control of your podcast page!

Claim Cancel