jjj

Upgrading To New Version In React Native

Upgrading to new variations of React Native will provide you with getting entry to extra APIs, views, developer tools, and different goodies.

Read More
jjj

Integrate Firebase with React App

First, we need to create a Firebase Project for our React Application. Create a Firebase Project 1) Go to the Firebase Console 2) Click on Create a project/Add a Project.

Read More
jjj

Apollo Client GraphQL with Reactjs

Integrating GraphQL APIs in React JS was a little tricky with GraphQL rely upon, Now Apollo Client made GraphQL Integration and Usage very easy even though we can call the GraphQL API a Restful call.

Read More
jjj

Video functionality to React Native app

If you’re a mobile application developer, skilled in React Native, then it’s highly likely you would like to feature a video player in your app.

Read More
jjj

Redux in React

What is React Redux? Redux is an open-source JavaScript library, used for managing the appliance state. It helps components to manage the state in an efficient way.

Read More
jjj

Hooks in React

What is a Hook? Hooks are the functions that let you work with the state and lifecycle components of React by using function components. Know more

Read More
jjj

Distributing React Native App via Microsoft Appcenter

After all the hard work you have done in building the app, it’s time to distribute it. There are various mediums through which distribution can be done

Read More
jjj

Animation of objects along an SVG path using GSAP and animateMotion in React JS

In this blog, we are going to animate an object along an SVG path. We are going to achieve this via GSAP. Another way of doing this is the animateMotion element.

Read More
jjj

TypeScript with ReactJs

Why TypeScript? Benefits of TypeScript.The top main reasons for Typescript are below: Superset of Javascript, easy to learn. Read more

Read More
jjj

Angular vs React

Learning Curve: On Angular, they need to learn a lot of things. ReactJs is just a library and so it has fewer concepts to learn in comparison to Angular.

Read More
jjj

Build a Mini Netflix with React

What is React? React is a JavaScript library created by Facebook for building fast and interactive user interfaces for efficient user interfaces and single-page applications.

Read More
jjj

Using Context API in react app

What is a context API? The Context API is a structural component that enables React to handle states at all stages of your application. Read more

Read More
jjj

How to provide offline support to React Native app

Why need to provide Offline support? As we all know technology is evolving but still we are facing network issues in a lot of areas. Read more

Read More
jjj

6 most used React Component LifeCycle methods

ReactJs is the javascript library for developing UI components. It was developed by Facebook. It is one of the most popular javascript libraries.

Read More
jjj

Clevertap Integration in React Native

CleverTap is a platform for customer retention that offers app integration features and also provides analytics and marketing. Read more here

Read More
jjj

Localisation using react-intl

React-Intl, part of the FormatJS set of libraries used for Internationalization. Internationalization is the mechanism used for localization for the visitor belonging to different regions and languages.

Read More
jjj

Reduce App size for Android in React native

In today’s world, user’s like to have apps, which are not too large, particularly where devices work on pay by byte usage plans. Learn the techniques to Reduce App size for Android in React native.

Read More
jjj

How to add localisation and translate your React app

Localization refers to customizing the look and feel of your Mobile or Web App for users of different regions and dialects. Also, you may have come across the word internationalization while referring to the internet for localization-related stuff.

Read More
jjj

Understanding Incremental DOM and Virtual DOM

Virtual DOM was first used by React, which is defined by the key idea, Each component creates a new virtual DOM tree every time it gets rerendered. React compares the new virtual DOM tree with the old one and then applies a series of changes to the browser DOM to match the new virtual DOM tree. Read the blog to know more about it.

Read More
jjj

React-Native Anti-Patterns

While developing any application, there are some do’s and don’ts that we need to follow. Anti-patterns are the patterns which degrade the performance of the solution. It is possible that unknowingly we might implement the anti-patterns in our code. In React-native, there are few anti-patterns that are listed in this blog. Know more by reading it.

Read More
jjj

How to Consume APIs in Vue.js using Axios?

As we all know Vue.js is a trending, open-source and lightweight javascript library for building interactive single-page applications and user-friendly web applications. When we integrate Vue.js with other libraries it becomes a “framework” also. Read the blog and know more about it.

Read More
jjj

Build better component with styled components

Component-based design is an increasingly popular process for developing web interfaces. It’s been once common for organizations to believe libraries like Bootstrap or Material UI. But with the arrival of improved tooling functionalities, many teams today are building their own themes, component libraries, and style systems.Know more by reading the blog.

Read More
jjj

React Native Static type Checking Code

We usually write our code and we create a Merge Request to get our code reviewed but there should be a way to validate the code at compile type instead of run time. Static type checking allows you to catch errors quickly which indirectly reduces bugs and time spent on debugging. Read the blog and know more about it.

Read More
jjj

Getting Started with Flutter – A Cross-Platform App Development Framework

Flutter is a framework to develop cross-platform applications from a single code base for both android and ios Apps. The application is written in Dart, developed and maintained by Google and exported to the desired platform.Read the blog and learn what is Flutter and why you should learn it in 2020

Read More
jjj

Advanced Caching With RXJS

Caching pronounced as “cashing” is the process of storing the result of a frequently requested operation in a temporary storage area so that the future…

Read More
jjj

Why React Saga is better then Thunk?

Redux is basically a state management library for javascript applications and is mainly used with React JS and is also familiar as predictable state container. In React, data flows from parent component to child component in the form of props.

Read More
jjj

Migrate from GCM to FCM for Push Notification In React Native

Hello folks as you may know Google is going to remove GCM service support from 11th April 2019. Hence, all the projects which are using GCM service need to be migrated to FCM.

Read More
jjj

Deep Linking in React Native for Android and iOS Platforms

This article provides an overview of how to get deep links working in a React Native application for both Android and iOS platforms.

Read More
jjj

Why we should use React over Angular?

Many of the developers agree with the fact that both React and Angular are best open-source technologies for front-end development. As Angular landed in the market much before React,

Read More
jjj

GraphQL + ReactJS

GraphQL is an extremely flexible query language And React is JS library for building User Interface, both are developed by Facebook. GraphQL is one of the ways of making API’s. React is component-based UI development. GraphQL is an extremely flexible query language.

Read More
jjj

Web, Mobile and API Development Guide

What are various Web, Mobile and API end technologies and how do they work in tandem? Tudip’s Web, Mobile and API Development Guide is a good starting point

Read More
jjj

Styled Components: Styled CSS Where React Rules!

Styled-components uses tagged template literals to style the components. It removes the mapping between components and styles which means that when you’re defining your styles you’re actually creating a normal React component, that has your styles attached to it.

Read More