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

Xamarin vs Ionic vs React Native: differences under the hood

Create a mailing list with SendGrid and Next.JS

The Node.js file system module — Reading from a file

Data Binding In Angular

Configure the Bitbucket Pipelines for Nuxt (Vuejs) Repository / Project

CONTROL LIGHTS USING TELEGRAM AND INTERNET OF THINGS(IOT).

An Example of a Non Blocking Process in JavaScript

Make your own Storage Engine for Multer in TypeScript

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 + Tensorflow.js - implementing a model

Draggable Component in React Native

Using NativeBase v3 the right way

ReactNative: how to pass callback param with react-navigation