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 - Introduction
0:05 - Jon's update / Brewery news
8:13 - Spencer's update
12:58 - State Management in 2021
14:08 - What is State
20:32 - Context
24:24 - Redux / Redux Toolkit
33:23 - MobX / MobX State Tree
40:23 - Recoil
43:38 - Apollo
45:14 - ReactQuery
49:38 - Zustand
54:10 - When to use 'em
56:58 - Migrating from one to another
58:31 - Wrap Up
Links:
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 - Intro
0:50 - RATS
8:46 - XBox motion sickness
10:44 - COVID comparisons
11:47 - Mobile news - Calm
15:38 - The key to sleep
16:17 - Main Topic - Custom Components
16:47 - Main Topic For Real This Time
20:16 - Props all the way down
25:52 - Core APIs
26:32 - Storybook
27:58 - Styled Components
29:47 - Keep 'em light
34:23 - Don't optimize before you need to
35:25 - UI Frameworks can help
37:27 - Felixbility
39:15 - WrapUp
Links
Spencer's Shameless Plugs React Native Fundamentals Workshop https://youtu.be/rLmdmLhfwvQ React Native School https://reactnativeschool.com Jon's Shameless Plugs FastLane Cheat Codes (Sign Up Now) https://fastlanecheatcodes.com39:15 - Wrap Up
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 - Intro
0:40 - Spencer can't cook
5:05 - Jon's brewery news
8:17 - Spencer's weekly update
13:31 - Mobile news (Amazon's new MacOS EC2)
15:58 - React Native 0.64
16:01 - Hermes for iOS
17:24 - inline requires
19:42 - Shout Outs
20:53 - React 17
21:14 - Hermes proxy suport
22:02 - Hermes profile command
22:43 - Node 12
23:16 - Android min SDK bump
25:43 - XCode 12
26:57 - Prepare now
29:27 - Wrap Up
Links
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 hole 08:10 - Apple Cutting Fees to 15% (if making less than $1mil/year) 10:10 - Foxconn and flip phones 12:40 - Spencer’s warning: he just learned what he’s talking about 14:40 - What is a JavaScript Runtime? 16:00 - The different JavaScript Runtimes available (presently) and when they’re used 20:30 - Flamboyant claims: the key to listener engagement 21:20 - How transpiling “just works”® in React Native 28: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
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 - Welcome
0:35 - Introduction of our guest
3: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 Assistant
11:06 - Mobile News (Apple's One More Thing event)
17:15 - Draftbit
24:25 - Reason / Rescript
30:11 - Draftbit's Origin Story
33:17 - Workflow
39:29 - Video tutorials
40:39 - Getting access
42:32 - Wrap Up
Links:
** 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 fire
2:20 - Jon's building a brewery
6:24 - Spencer is a wannabe Gamer and hired a VA
13:36 - The vintage iPhone 5c
20:09 - Main topic intro
21:52 - Dribble
26:04 - UI Design Daily
28:10 - UX Archive
32:11 - FlatIcon.com
33:40 - UI Design sub-reddit
34:26 - Refactoring UI
39:31 - App analysis and critique
43:20 - CSS skills
44:33 - FlexBox Froggy
49:38 - Goldfish projects
Links:
Spencer's Shameless Plugs
React Native Fundamentals Workshop
https://www.youtube.com/watch?v=rLmdmLhfwvQ
React Native School
Jon's Shameless Plugs
FastLane Cheat Codes (Sign Up Now)
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:
Spencer's Shameless Plugs
React Native Fundamentals Workshop
https://www.youtube.com/watch?v=rLmdmLhfwvQ
React Native School
Jon's Shameless Plugs
FastLane Cheat Codes (Sign Up Now)
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:
React Native Fundamentals Workshop
https://www.youtube.com/watch?v=rLmdmLhfwvQ
React Native School
Jon's Shameless Plugs
FastLane Cheat Codes (Sign Up Now)
https://fastlanecheatcodes.com
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
React Native Fundamentals Workshop
https://www.youtube.com/watch?v=rLmdmLhfwvQ
React Native School
FastLane Cheat Codes (Sign Up Now)
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 space
5:11 - Spencer's update, Spectrum launch and camping naked
7:55 - NEWS: React Native Radio
8:31 - Digital Ocean App Platform
11:13 - EPIC News / Court Date
11:44 - The Best Way To Learn [#clickBait]
13:25 - Doc diving
19:54 - The proper way to use tutorials + critical thinking
24:44 - Suck it up buttercup - if you're stuck, push through it
28:55 - Saturation and Emersion
29:56 - Community Involvement
33:21 - Open source contributions / good first issue
34:50 - Translation as a means of learning
36:15 - Book - Make It Stick
39:46 - Spencer's course review by Jon
42:34 - Community and Egghead.io
44:17 - Wrap up
Links:
React Native Fundamentals Workshop
https://www.youtube.com/watch?v=rLmdmLhfwvQ
React Native School
FastLane Cheat Codes (Sign Up Now)
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 available
3:20 - How to dealing with bugs when you can’t upgrade the package/an update isn’t available yet with patch-package
7:20 - Dealing with large bugs/changes/feature additions - using your own fork
9:20 - Why you should contribute your fixes back
10: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
Links
React Native Fundamentals Workshop
https://www.youtube.com/watch?v=rLmdmLhfwvQ
React Native School
FastLane Cheat Codes (Sign Up Now)
Your feedback is valuable to us. Should you encounter any bugs, glitches, lack of functionality or other problems, please email us on [email protected] or join Moon.FM Telegram Group where you can talk directly to the dev team who are happy to answer any queries.