Expo + React Native Navigation? Yes!

https://rabbitapp.batyr.io

Why?

Let’s start

Open the terminal and follow next steps:~ cd <to-your-desired-folder>
~ git clone https://github.com/kanzitelli/expo-rnn-starter.git rabbitapp && cd rabbitapp
~ rm -rf .git # to remove starter's git history
~ yarn && yarn ios:pods # it might take some time
~ react-native-rename-next "rabbitapp" -b io.batyr.rabbitapp
~ yarn ios:pods
~ yarn ios # or
~ yarn android # or yarn android:release - for release build

App functionality & structure

Coding

Setting up navigation

https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/SubredditsScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/constants.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/App.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/services/navigation.ts

Subreddits Screen

https://github.com/kanzitelli/rabbit-app/blob/master/src/stores/subredditsStore.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/stores/index.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/SubredditsScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/constants.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/constants.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/services/navigation.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/App.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/SubredditsScreen.tsx

Posts Screen

https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/types.d.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/services/navigation.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/SubredditsScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/PostsScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/helpMethods.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/services/api.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/stores/subredditsStore.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/PostsScreen.tsx

Post Screen

https://github.com/kanzitelli/rabbit-app/blob/master/src/services/navigation.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/PostsScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/PostScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/PostScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/PostScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/constants.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/stores/subredditsStore.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/PostScreen.tsx

Saved Screen

https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/constants.ts

Settings Screen

https://github.com/kanzitelli/rabbit-app/blob/master/src/utils/constants.ts
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/SettingsScreen.tsx
https://github.com/kanzitelli/rabbit-app/blob/master/src/screens/SettingsScreen.tsx

End

--

--

--

Problems solver. Open Source Staff. MS in CS. https://batyr.io

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Laravel Models

Code Kata #4 Find the Longest Binary Gap of an Integer

Getting Started with google cloud vision api with java

Updates on Fleta Connect( August 4th — 5th 2021)

Starting with Pine Script

Dynamodb GUI Tools

The full guide for the new Editor with Markdown in Gooba 3.1

Why is Python still around?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Batyr

Batyr

Problems solver. Open Source Staff. MS in CS. https://batyr.io

More from Medium

React Native Text Cycler using reanimated

How to Use Custom (Google) Fonts in React Native (React Native CLI)

How To Add Android Push Notifications to a React Native Expo App

Google Sign in React Native