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.

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.