E-025: Improving your UI / UX Skilz

React Native Nerds

** 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:

• iPhone 5c is “Vintage” with limited support
  • https://9to5mac.com/2020/11/03/iphone-5c-is-now-considered-a-vintage-device-with-limited-support/
• One More Thing event - on November 10th
  • https://arstechnica.com/gadgets/2020/11/one-more-thing-apple-announces-livestreamed-event-for-november-10/
  • Prices
    • https://www.tomsguide.com/news/apple-silicon-macs-explained-everything-you-need-to-know-about-arm-macbooks
• Dribbble
• UXArchive
• UI Design Daily
• https://www.flaticon.com/packs
• https://www.reddit.com/r/UI_Design/
• UI kits
  • UIKitten
    • https://akveo.github.io/react-native-ui-kitten/
  • React Native Elements
    • https://react-native-elements.github.io/react-native-elements/
  • Nativebase
    • https://nativebase.io/
  • Shoutem
    • https://shoutem.github.io/
  • React native paper
    • https://reactnativepaper.com/
  • React Native Material Kit
    • http://xinthink.github.io/react-native-material-kit/
  • React Native Material UI
    • https://github.com/xotahal/react-native-material-ui
• Refactoring UI

Spencer's Shameless Plugs

React Native Fundamentals Workshop

https://www.youtube.com/watch?v=rLmdmLhfwvQ

React Native School

https://reactnativeschool.com

Jon's Shameless Plugs

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com