View profile

⚛️ #9 New React Native tutorial

Aman Mittal
Aman Mittal
👋 Hello dev!I’ve a new post to share with you this week 🙂
How to Create a Custom Image Gallery in React Native
In this tutorial, let’s create a custom gallery of images using react-native-snap-carousel and FlatList from React Native. The open-source library is going to display each image in a carousel view. The FlatList is what we will use to display the thumbnail view for each image below the carousel.
The construction of the syncing part between the two is to add a functionality such that when an image in the carousel is scrolled either left or right, the thumb in the FlatList is also going to be scrolled along with it. Of course, to achieve this synchronization between the two, we are going to use React Hooks such that you will be able to implement such a pattern in your own React Native apps.
🌱 Life at Draftbit: 3 Months
It has been nearly 3 months since I joined Draftbit. It feels like a I’ve been on a journey.
I was initially hired as a tech writer but the role eventually evolved (within a month) into Dev Advocate 🥑.
Embracing your surroundings (new) without overthinking too much is one of the lessons I’ve learned in past three months. It has been the highlight for me this year, so far.
It’s not like that I am not writing posts or tutorials. In fact, I’ve been writing a lot at Draftbit. You can find most of my writings at Draftbit Community. I’ve been spending a lot of time in blending React Native and Expo open source libraries to implement new functionalities with Draftbit using a feature called “Custom Code”.
(Side-note: if you’d like to learn more about Custom Code check it out here.)
I am also getting comfortable with doing stuff with the flow or urgency. This has not been a huge part of my routine. Before Draftbit, working as a consultant/contract developer, most of my time was spent in organizing tasks and then doing them in an order.
Making cameo appearances on Draftbit’s YouTube channel is another thing I am getting comfortable with 😋. In the video below, you can watch me talk about Custom Code:
Custom Code in Draftbit, Continued!
Custom Code in Draftbit, Continued!
I am excited about Draftbit as a tool to enhance the life of a developer to build mobile apps and providing a gateway for people who embrace no-code. I will try to write a more in-depth post on my experience in this new journey in near future.
✌️This week’s edition is sponsored by Jscrambler
How to Protect React Native Apps with Jscrambler
Jscrambler has invested a lot in providing security for a JavaScript app whether it’s written in React or React Native. They’ve come up with a metro plugin for protecting React Native apps.
In a Step-by-step tutorial they explain how you can protect the JavaScript source code of your React Native apps against reverse engineering and tampering, following the recommendations by OWASP.
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.