Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins

I was almost getting lost in Tutorial Hell learning Mobile Development with React Native documentation and tutorials, so I decided it was time to put theory into practice. 😁

npx create-expo-app@latest quotix -t

I’m thrilled to share my first h…


This content originally appeared on DEV Community and was authored by Stephen Omoregie

I was almost getting lost in Tutorial Hell learning Mobile Development with React Native documentation and tutorials, so I decided it was time to put theory into practice. 😁

npx create-expo-app@latest quotix -t

I'm thrilled to share my first hands-on mobile app project: Quotix.

Tech Stack:

  • Expo: A powerful React Native framework for cross-platform app development
  • Firebase: Handling authentication and database needs
  • Custom UI/UX: Designing the interface myself to push my boundaries and see how I can use my Graphic Design Skills in building User Interfaces.

Image Figma UI Screens

Key Learning So Far:

  1. React Structure (JSX, State, Hooks, Events): It's fascinating to see the structural similarities between React for web and React Native. This knowledge transfer is incredibly valuable.

  2. Rethinking CSS : While tools like Nativewind exist, I chose to work with vanilla CSS using Stylesheet.create({}). This approach is helping me keep my CSS separate from JSX and gain a deeper understanding of mobile styling nuances.

  3. Expo's File-Based Routing: This feature is a game-changer, making navigation setup much more intuitive.

The journey from web to mobile development has been both challenging and rewarding. It's exciting to see how transferable skills can accelerate the learning process in new domains - ALL HAIL JAVASCRIPT!!!! 🤣 (My curiosity for Mobile development was actually triggered by Python's Kivy, but damn! I ran away o).

I'm eager to continue this journey, refining my skills and working towards building high-grade, production-ready mobile applications.

What's your experience with mobile app development? Any tips for a newcomer to the field?

My Own Tip:

If you're learning, just start building. Break things and have an opportunity to learn certain little things you wouldn't have figured out from following 'perfect tutorials' - plus you sharpen your debugging and problem-solving skills too.


This content originally appeared on DEV Community and was authored by Stephen Omoregie


Print Share Comment Cite Upload Translate Updates
APA

Stephen Omoregie | Sciencx (2024-07-06T08:01:12+00:00) Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins. Retrieved from https://www.scien.cx/2024/07/06/heads-and-hands-on-learning-my-mobile-development-journey-with-react-native-expo-begins/

MLA
" » Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins." Stephen Omoregie | Sciencx - Saturday July 6, 2024, https://www.scien.cx/2024/07/06/heads-and-hands-on-learning-my-mobile-development-journey-with-react-native-expo-begins/
HARVARD
Stephen Omoregie | Sciencx Saturday July 6, 2024 » Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins., viewed ,<https://www.scien.cx/2024/07/06/heads-and-hands-on-learning-my-mobile-development-journey-with-react-native-expo-begins/>
VANCOUVER
Stephen Omoregie | Sciencx - » Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/06/heads-and-hands-on-learning-my-mobile-development-journey-with-react-native-expo-begins/
CHICAGO
" » Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins." Stephen Omoregie | Sciencx - Accessed . https://www.scien.cx/2024/07/06/heads-and-hands-on-learning-my-mobile-development-journey-with-react-native-expo-begins/
IEEE
" » Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins." Stephen Omoregie | Sciencx [Online]. Available: https://www.scien.cx/2024/07/06/heads-and-hands-on-learning-my-mobile-development-journey-with-react-native-expo-begins/. [Accessed: ]
rf:citation
» Heads and Hands On Learning: My Mobile Development Journey with React Native (Expo) Begins | Stephen Omoregie | Sciencx | https://www.scien.cx/2024/07/06/heads-and-hands-on-learning-my-mobile-development-journey-with-react-native-expo-begins/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.