Search results for #30DaysofReactNative
Day 8 of learning @reactnative Started Phase 2: Navigation & UI. Today I set up a clean Stack Navigator in React Native with Home + Details screens. Compared to Expo Router, React Navigation provides more manual control & flexibility. #30DaysOfReactNative @expo
Day 7 of learning @reactnative Built a Todo app in React Native! Faced type errors & routing issues with expo-router, and figured out how to keep todos saved using AsyncStorage. Practiced: useState, useEffect, NativeWind & reusable components. #30DaysOfReactNative @expo
Day 6 of learning @reactnative Today I brushed up on styling with StyleSheet & Flexbox (flexDirection, justifyContent, alignItems). To practice, I built a Profile Card UI with image, name & bio. Styling feels different but fun! #30DaysOfReactNative #ReactNative @expo
Day 5, Today I learnt useEffect in @reactnative. It helps handle side effects like fetching data, timers & more. For practice, I built a reusable component that fetches posts from JSONPlaceholder & displays them. Cool seeing useEffect + state in action! #30DaysOfReactNative @expo
Day 4 of learning @reactnative I Learnt useState in React Native & built a reusable Counter with + / - buttons. The Counter takes props like initialValue & step, showing how state + props make components flexible & reusable. 🚀 #30DaysOfReactNative #ReactNative #MobileDev
Day 3 with React Native -Learnt JSX & Props -Built a reusable button styled with NativeWind -Fixed layout issues (let parent handle background, child handles its own design) Takeaway: Keep components focused #30daysofReactNative @Meta @expo #MobileDev
Day 2 🚀 Learned the difference between Expo Go & Dev Builds (Dev Build = full power). Also explored folder structure, layouts & navigation. Styled my first component with NativeWind after a lot of debugging 😅 — but it finally worked #30DaysOfReactNative @expo @reactnative
Day 1 of my @reactnative journey I explored the React Native docs, learned about using it with and without frameworks, and dived into @expo for easier setup. Set up my environment Explored Expo tools Ran my first “Hello World” app Screenshots below #30DaysOfReactNative
Day 17! Made big changes to the app today! I switched from storing data locally to using Firebase for the backend. Local updates still work, but now I’ve added real-time data fetching with Axios too. Everything’s now in sync! #ReactNative #LearnInPublic #30DaysOfReactNative
Day 17! Made big changes to the app today! I switched from storing data locally to using Firebase for the backend. Local updates still work, but now I’ve added real-time data fetching with Axios too. Everything’s now in sync! #ReactNative #LearnInPublic #30DaysOfReactNative https://t.co/hfhTZCAKvV
16! Continued work on the expense tracker app today and brushing up the final UI details. #ReactNative #learInPublic #30DaysOfReactNative
Day 15!!! 150/293 A milestone. Every bit has been enjoyable so far! Today’s session was wayyyy longer than usual but it came out sensational🙂↕️ Expense tracker RN. #ReactNative #learInPublic #30DaysOfReactNative
Day 5! Finished the simple app app today and did a a section on debugging and handling errors in react native. #ReactNative #learInPublic #30DaysOfReactNative
Day 4! Continued work on the simple app today, learnt how to us the Pressable component. Learnt how to add ripple effect o both android and IOS. #ReactNative #learInPublic #30DaysOfReactNative
Day 3! Started building a simple app today,did some styling, made it work using state management, writing some functions and handling events. It’s so interesting seeing the similarities with react and learning the differences. #ReactNative #learInPublic #30DaysOfReactNative
Day 2! Learnt about React Native layout components like View and Text and how they are used to structure user interfaces. I also looked into styling with the StyleSheet API, learning how to create reusable and consistent styles… #ReactNative #learInPublic #30DaysOfReactNative
Day 2! Learnt about React Native layout components like View and Text and how they are used to structure user interfaces. I also looked into styling with the StyleSheet API, learning how to create reusable and consistent styles… #ReactNative #learInPublic #30DaysOfReactNative https://t.co/6WvM7NcZ8M
Day #3 of #30daysofReactNative✨ Today I have learn about responsive design and #useWindowDimension() hook to set height and width of components dynamically . Also explore about external libraries #ReactNativeresponsivescreen. #Reactjs #ReactNative #expo #javascript #MobileApp
#30daysofReactNative Day -1 :- Simple Calculator app Hello guys started learning React Native in this project i have implemented #ReactNative #Expo and used #ContextApi for state management and also implemented button click sound using #ExpoAV package.Flex box for #designs
Day 7/30: Just built a secure passcode screen for my React Native UI challenge! 🚀🔒 #30DaysofReactNative #ReactNative #MobileDev #Security #DevChallenge Check it out :
Day 06/30 - Designed a shoe-shopping app UI for my #30DaysofReactNative practice! Clean navigation, great product presentation & user-friendly filtering. #reactnative #mobiledev #ui #ux #shoelover #30DaysOfCode #100DaysOfCode
Revamped Order Tracking UI for Day 5 of #30DaysofReactNative! Search, clear order details & a handy FAB for logout & support tickets. Check it out! #reactnative #mobiledev #ui #ux #100DaysOfCode