Probably you were using Flatlist in the wrong way, here are tips and tricks
Under the hood
Last year, I was working on a cryptocurrency-based startup. we have developed a mobile application that was serving almost 5 Lakhs users, it was going good until a few comments on the google play store start getting more shares and likes. That comment was bashing our application because of his performance, our application in few devices specially older ones is lag a lot or even gets shut down in some cases. …
3 steps to create custom carousel in react native
Under the Hood
The story begins when I was creating a carousel in the react-native project for one of my clients. I’ve already created a story on how to create a carousel in react-native but in today’s story, we will develop the custom carousel component.
Getting Started
The library we will be using is react-native-swipe-gesture to add gestures such as swipe left and right functionality. I am using a ready-to-use-example which you can also use.
yarn add react-native-gesture-handlerOnce the repos are cloned and the package is installed we need data for the…
Scalable and Easy to Understand Architecture for Express JS
Under the Hood
The same story, again and again, 😁, I am currently running a concept or let say an idea of writing once and using the logic or code everywhere and every time. So far tonned of code repositories have been created and formed and reused by other developers also. You can find those code repositories in the link below.
iHateReading Code ReposOverview
In today’s story, we will create the Express JS framework repository and follow the one concept of creating scalable and easy-to-understand architecture.
Before we begin the first and foremost step…
Implementing redux best practices
Under the Hood
The story starts with my attempt at writing a reusable logic for the frontend to write once and use every time. This idea is mind-blowing and if you want to pursue it too, here is the link to the white paper for the new ideas 🙃.
Overview
The agenda of today’s story is to showcase Redux best practices in terms of architecture and code refactoring and so on. Let’s not waste much time and start by creating a sample next js repository or by using the ready-to-use-example repository.
Install redux and the required packages —
yarn add…Write once use everywhere and every time 😁
Under the Hood
The story begins when I wrote 2 stories on reusable business logic for authentication and wallet systems in the front end. That was quite a mind-blowing idea to me that I’ll explain later on in this story.
The agenda of this story is to explain the importance as well as jotting the roadmap for my next at least 10 stories on Medium.
Overview
See I am a freelancer developer I working with multiple clients across different domains is my part of the job as well as requirements. So laying the technical foundation for…
Testing Another UI library for React Native 😁, 3 simple steps to get ready with basic MVP
Under the Hood
The story commence when I started providing boilerplates for almost all the UI libraries available for react applications. In order to check all the boilerplates below is the link to reach out.
Click to Check out all the boilerplatesOverview
A few months back, I’ve covered a story about the top 5 UI libraries in React Native. And in today’s story, we will be working with one of them i.e. React Native Elements.
Key Steps
- Install the
react-native-elementsusing npm - Wrap the provider to the root…
Add navigation in React Native applications
Under the Hood
Recently, I covered a story about a camera module in React Native where I ended the story with a promise to cover a new story about navigations in React Native.
Adding screens in React is a bit typical if you are not using any library. However, it becomes quite difficult when you want to work around deeply nested screens. React Native documentation itself suggests you prefer the react-navigation library to work around navigations and screens.
Getting Started
The library we will be working on is react-navigation. …
How to work with camera in React Native applications.
Under the Hood
The story begins as follows: I was developing a win and play contest application for one of my clients. The core plan was to give camera functionality to the users to click pictures. That when I started working with the camera module in React Native.
Overview
In today’s story, we will work with the React Native Camera library as this is the most used and powerful module for cameras in React Native. Also, I will guide you through the process of integration of the camera module and the architecture to be followed.
Getting Started
…
How to develop a twitter-like Home page with an infinite scrolling feature
Under the Hood
In the last 3–4 interviews I have confronted a question that revolves around one single concept. I thought to share the glitched answer, the answer that helps me clear the interview in today’s story.
Overview
Well, the question is quite simple-
You have to develop the Twitter-like homepage and being a Full-Stack Developer your whole and sole responsibility is to perform both backend and frontend solutions with considering performance in the mind.
This might sound quite difficult but read the question again they are not telling you to go…
Write once use everywhere & every time ✌️😎
Under the Hood
For the past couple of days, I am covering an entirely new paradigm in front end. The idea is to write once and users everywhere, meaning, we will write more reusable and highly customisable business logic first before creating any frontend UI.
See, the picture is quite clear, I have covered almost 100 stories on Medium regarding Full-Stack Development and Designing, more often in the frontend side. So, designing and developing frontend code is not a rockte science so far, if you have read almost all my stories.
The new and next…
