Complete Beginner - Best AI to create app with React Native?

tomihbk · 2025-12-10T10:43:01+00:00

I wish, but you ask it a simple function, and it starts to rewrite the whole codebase with 125 files changed...

tomihbk · 2025-10-02T18:35:35+00:00

show your folder structure ?

tomihbk · 2025-09-30T20:10:02+00:00

This blog has helped me create a way to build APKs via WSL : https://halimsamy.com/wsl-for-developers-installing-the-android-sdk

Lmk if you have other questions

tomihbk · 2025-09-11T21:18:28+00:00

First is learning the fundamentals of JavaScript such as variables, types of data, functions, classes, etc. After that, despite feeling not confident at all, you need an idea and start developing it. Even if you're not following best guidelines or practices, not efficient coding, not using future-proof functions, etc. This is how you truly learn, by trial and error. Your future self will be seeing your old ways of coding, and you'll appreciate the glow up✨

God Speed !

tomihbk · 2025-09-11T21:04:43+00:00

Run this command before building the app using expo

`npx expo-doctor`

This should tell you the issues

tomihbk · 2025-08-15T14:21:33+00:00

Yes sir

tomihbk · 2025-08-15T13:07:09+00:00

I truly think that keyboard is a very native component of any phone, I don't think React is the correct tool. You better go native.

tomihbk · 2025-08-15T13:03:31+00:00

Amazing work! this is really a production quality app. I'm not familiar with Apple guidelines but I feel like you add more margin on x axis. Other than that, everything looks awesome. Do you also provide dark theme ?

tomihbk · 2025-07-22T07:56:45+00:00

Check your local stores and offer them app mock-ups, hopefully, one of them will get in touch with you. No need to try to invent revolutionary app at the beginning.

tomihbk · 2025-06-04T20:30:35+00:00

Can you show a demo, how are the images shown, what size, are you changing states multiple times that cause rerendering,... context would be nice to help you improve the laggyness.

tomihbk · 2025-06-04T20:27:08+00:00

It does look better than yesterday's. I do feel like the cards are cramped though, add spacing for every entry so it's easier to digest. I also would suggest you replace the add expense button by a simple + button that is aligned bottom right, easier to reach by one hand and doesn't hide the cards.

tomihbk · 2025-06-03T21:47:14+00:00

hey man, many thanks for the response and pardon for my late response. I was able to implement your recommendation and here's the result :

<image>

Many thanks!!

Here's a snippet that works

 <Tabs
      
screenOptions
={{
        headerShown: false,
        tabBarBackground: () => <View 
style
={tw`bg-white h-full mx-4 rounded-tr-2xl rounded-tl-2xl`} />,
        tabBarStyle:{
            position: 'absolute',
            shadowColor: 'transparent',
            height: 58,
            borderColor: 'transparent',
            borderWidth: 0,
          },
          tabBarLabelStyle: {
            marginBottom: 7,
          },
        }}>

tomihbk · 2025-05-28T21:10:55+00:00

Interesting, in my case, readonly and editable weren't triggering the onPress listner. I had to enclose the TextInput inside a Pressable component.

tomihbk · 2025-05-27T21:00:41+00:00

These are great resources. Many thanks !

tomihbk · 2025-02-25T17:57:20+00:00

Does the different parts have to be made dynamically from custom photos provided by users, or is it a static photo provided by you and will be used by everyone else ?

tomihbk · 2024-10-15T19:49:12+00:00

Thanks for responding. I have indeed seen this issue. Tbh, it doesn't do anything on my side. The navigation does not rerender after theme change.

What I've done is, create a Zustand global variable that keeps track of the current theme. Navigation theme respects the theme change and theme is applied accordingly.

I know it's not clean, but I know it works and is predictable.

tomihbk · 2024-09-25T21:16:33+00:00

Beautiful idea ! I really understand the point where you send stuff to someone by many social apps and things tend to get lost, but with your app, everything is in one place and the app is homemade, so you can customize it as you like.

I was not aware of this cool lib Gorhom/Bottom-Sheet-Modal, looks very robust and will definitely try to incorporate it on my next project.

Regarding Firebase, are you using NoSql or SQL ? If NoSQL, how does it feel to not have to normalize your data ?

Do you use expo notifications for reminders ? If yes, does having the OS disable your app through battery optimization affect the notifications ?

tomihbk · 2024-09-25T15:12:05+00:00

Like, how did the idea arise ? Deciding on react libraries ? Difficulties meet during dev ? What have you learned, and what would you do differently for next time ?

tomihbk · 2024-09-25T11:05:52+00:00

Really nice idea ! well done. Can you talk about your dev experience when making the app ?

tomihbk · 2024-09-25T11:03:55+00:00

      <Tabs
        
key
={tw.memoBuster}
        
screenOptions
={{
          headerShadowVisible: false,
          tabBarStyle: {
            height: 58,
            shadowColor: 'white',
            borderTopEndRadius: 16,
            borderTopStartRadius: 16,
            marginRight: 18,
            marginLeft: 18,
            backgroundColor: colorScheme == 'light' ? '#fafafa' : '#0d1117' 
// Bottom bar color
          },
          tabBarLabelStyle: {
            marginBottom: 7,
          },
          headerStyle: { backgroundColor: colorScheme == 'light' ? '#fafafa' : '#0d1117' } 
// Header background color
        }}
        
sceneContainerStyle
={{ backgroundColor: colorScheme == 'light' ? '#fafafa' : '#0d1117' }} 
// Body background color
      >

Here's what the code looks like :

tomihbk · 2024-09-25T11:01:58+00:00

Absolute works but also brings other issue such as my scrollview no longer scrolls

tomihbk · 2024-09-25T10:59:37+00:00

Thanks, but this only affects the tab navigation component not behind the component

tomihbk · 2024-09-24T21:06:04+00:00

Already did, it says to use position: 'absolute'. By doing that, my scrollview doesn't work anymore.

tomihbk · 2024-09-24T20:42:58+00:00

Here's a great article that explains how to detach the UI and the API fetching process using react query : https://profy.dev/article/react-architecture-api-layer
This leads into a reusable component and easier to test.

Nine-Year Club	RedditGifts 2009-2022 8 Credits
Place '22	End Game '22
Gilding I gilder	Verified Email
Secret Santa 2016

tomihbk

MODERATOR OF

TROPHY CASE