Sign in

Developer, Designer & a Journalist. Founder www.ihatereading.in
Daily Design Inspiration

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. …


Photo by Tyler Lastovich on Unsplash

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-handler

Once the repos are cloned and the package is installed we need data for the…


Photo by jose aljovin on Unsplash

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 Repos

Overview

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…


Photo by Brett Jordan on Unsplash

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…


Photo by Philipp Berndt on Unsplash

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…


Photo by Alejandro Ortiz on Unsplash

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 boilerplates

Overview

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-elements using 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. …


Photo by Yoann Siloine on Unsplash

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


Photo by Steve Halama on Unsplash

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…


Photo by Sharon McCutcheon on Unsplash

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…

shrey vijayvargiya

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