View profile

#38 Instagram Clone, Safe Area Context in React Native, Noonies award, and more

Aman Mittal
Aman Mittal
👋 Hello dev
It has been a while since the last newsletter came out.
In this newsletter, you will find why it took me long to send this one out.
📝 New Posts
Instagram Clone Series
My new tutorial series on building an Instagram Clone from scratch with Draftbit was published on Draftbit’s blog.
It’s a three-part series that took me around two weeks to write and edit and write some more 😅
Each part focuses on implementing a specific set of features. In this series, the following is covered:
  • Authentication: Sign in, Sign up, Sign out
  • Uploading a photo and creating a post
  • Leave a like, and comment on a post
  • User Profiles and Feed screen
  • Follow a user profile
  • All using a real backend (Xano)
If you are interested in learning about Draftbit and how to use a visual mobile app builder to build an app, start with the series here.
All code of a Draftbit is exportable and under the hood, the code generated by Draftbit uses best practices from React Native and Expo.
How to avoid notches with Safe Area Context in React Native apps
In this article, you will learn why using a library like react-native-safe-area-context is significant over the SafeAreaView component from React Native set of components for cross-platform app development. Also discussed:
  • how to avoid notches on iOS and status bars on Android
  • how to use useSafeAreaInsets Hook
How to upload images to Airtable from a Draftbit app
A tutorial where I discuss the steps to implement for uploading an image to Airtable using the new no-code action inside Draftbit.
🔗 Links
I was nominated for the Hackernoon Noonies award for Most Authentic Developer Advocate of the year among the likes of many amazing leaders and Dev Advocates who I get inspired by (& to be honest, I am surprised to find myself on the list).
Want to thank y'all for your support and votes 🙏
🐙 GitHub
An Expo community project currently I’m maintaining got a huge upgrade with Expo SDK 43 release and Firebase SDK v9.
It’s a template/starter kit for getting started with Expo’s managed workflow apps and Firebase JS SDK. Here is a list of built-in features:
  • based on Expo SDK 43
  • navigation using react-navigation 6.x.x
  • Firebase JS SDK v9
  • Email Auth
  • custom hook to toggle password field visibility on a TextInput
  • handles server errors using Formik
  • Login, Signup & Password Reset form built using Formik & yup
  • show/hide Password Field’s visibility
  • handles Forgot Password Reset using Firebase email method
  • uses KeyboardAwareScrollView package to handle keyboard appearance and automatically scrolls to focused TextInput
  • uses dotenv and expo-constants packages to manage environment variables (so that they are not exposed on public repositories)
Lastly, shout out to Andrés Aragón (@Quantium) for sponsoring me on GitHub and becoming my first sponsor 🎉
That’s it for this one.
Stay safe and I’ll talk to you next time ✌️
Links: Blog | Twitter | Medium | Dev.to | GitHub | Buy me a coffee
Did you enjoy this issue? Yes No
Aman Mittal
Aman Mittal @amanhimself

⚛️ I write about Node.js, React, React Native, and Expo and share them via this newsletter.

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.