Skip to content

Latest commit

 

History

History
33 lines (22 loc) · 2.05 KB

File metadata and controls

33 lines (22 loc) · 2.05 KB

Day 49 - If you know React, you already know how to build a real mobile app. Today I proved it.

🚀 TechFromZero Series - ReactNativeFromZero

People think mobile development is a whole separate world — Swift, Kotlin, Xcode, Android Studio, weeks of setup.

It isn't. I built WeatherNow — search any city, get live current conditions + a multi-day forecast — with the exact same React I write for the web. Same JSX, same useState, same useEffect. One codebase runs on iOS AND Android.

This isn't a Hello World. It's a real app talking to a live API: 📐 type a city → geocode to coordinates → fetch forecast → setState → FlatList renders it (iOS + Android, one file)

🔗 The full code (with step-by-step commits you can follow): https://github.com/dev48v/react-native-from-zero

🧱 What I built (step by step): 1️⃣ One command to a running app: npx create-expo-app, scan a QR with Expo Go 2️⃣ The only thing that changes from web: for

, for 3️⃣ A clean API module — geocode the city, then fetch the forecast (free Open-Meteo, no key) 4️⃣ A controlled search bar — pure React you already know 5️⃣ Pure presentational components for the "right now" card 6️⃣ FlatList for the forecast — virtualized lists for free 7️⃣ useState + useEffect to load on open and re-render on search 8️⃣ EAS Build → real iOS + Android binaries in the cloud (no Mac needed)

💡 The big unlock: React Native isn't a new framework to learn — it's a new renderer for the React you already have. 90% of your web knowledge transfers on day one. The remaining 10% is just different tag names.

👉 If you're a React dev who's wanted to ship a mobile app, clone it and read the commits one by one. Each commit = one concept. Built from scratch, nothing hidden.

🔥 This is Day 49 of a 50-day series. A new technology every day. One more to go. Follow along!

🌐 See all days: https://dev48v.infy.uk/techfromzero.php

#TechFromZero #Day49 #ReactNative #LearnByDoing #OpenSource #BeginnerGuide #100DaysOfCode #CodingFromScratch