Convert Object to Array in JavaScript to use in for loop
Akash Mittal
To convert JavaScript object to array, we can use two functions – Object.keys() and Object.values(). Suppose, our javascript object is – Now, if you want to for loop through this…
Top 10 linter for javascript to help you write clean, error free code
In this article I am going to list top 10 linter libraries for javascript. Linter makes your code readable and error free. They prettify and inform you about your syntax…
JavaScript Array Splice() – add / remove values at any position
To add or remove values from any position of an array in JavaScript, we can use splice() function. Here is the code – This function has 2 required parameters and…
MySql Timestamp – Right way to store datetime in tables
I struggled with the issue of storing date and time in database for a long time. Due to different time zones in the world, it is very hard to get…
Football Game CRUD Application in Javascript & LocalStorage
In this application we are not going to use any backend. Instead, we will use browser’s localstorage as our database. We will learn CRUD principles by developing football game application…
Twitter CRUD application in React, Php & MySql in 10 Minutes
All applications have 4 operations – Create, Read, Update and Delete. We call them CRUD. In this guide, we will create a “Twitter Feed” CRUD application using React, Php and…
React Navigation in 10 Minutes – A Quick and Complete Guide
React Navigation is used to navigate between app screens. It is nearly similar to websites where we click on links to open different pages. In this guide, you will learn…
Top 10 React Bootstrap Components For Every Project
React bootstrap is the frontend components library which is inspired from twitter bootstrap. Let us see 10 components of bootstrap which are very useful in any kind of project. 1.…
How Single Sign on works in application suite within organization?
Single sign on is the technology where user can access multiple applications of the same organization by logging into any one of them. The beauty of this process is that…
Top 5 features of React Spring animation library
Animation is the integral part of any application where interactivity and engagement is required. Whether you are creating a simple login form or a complex shape transition, animation is the…
React Native Forms using React-Hook-Form
React-Hook-Form is a node package which simplifies creating react native forms. Introduction Forms are the basic need of any application whether it is web based, Android, iOS or even React…
Create Login Page in React Native with Animation
In this article we are going to learn how to create a login page using React Native. We will also animate the page on button clicks and on focus. This…
Passing State & Calling Functions Between Parent & Children in ReactJS
Passing state between parent and children components is a common use case. Generally, we use a state management library like Redux, for this purpose. But sometimes this is just an…
Optimize Performance & Render Website Superfast in ReactJS
In order to optimize performance of your React code, you need to make sure that it’s not re-rendering unnecessarily. This is the main reason behind performance bottleneck. Use these tips…
React error – objects are not valid as a react child
To solve objects are not valid as a react child error, check if the JSX element has javascript object as child, like this – then instead of putting object as…
React Native PrismJS using WebView
React Native PrismJs is a real thing. With the help of WebView, it is quite possible. Here in this article, we will learn about the ways in which PrismJs could…
React Native Animation – Easy, Step By Step Guide
React Native Animation helps in converting boring apps into interactive apps. It’s a 3 step process – Animated.Value, Animated.spring & interpolate.
React Native Image Resizemode – The right way to do
React Native Image Resizemode works properly in two conditions – In this article we will see both the methods. Condition 1: ResizeMode as Style property Use ResizeMode as style property,…
Error: TouchableHighlight Styling Problem in React Native
When you are enclosing a View in TouchableHighlight, you will need to provide styles to TouchableHighlight. But in case of TouchableNativeFeedback, all the styles are added to child View only.