Browsing Category
React Native
12 posts
GUI tool to generate React-Table code for your projects
React-Table is an awesome library for creating tables with multiple headers, sorting, filtering, pagination etc. But it is complex to learn. Sometimes our use case is simple and we do…
React Spring – Create Facebook messenger chat heads with trails
(Jump to Code | Demo) Have you seen the chat heads created by facebook messenger? They are stacked over each other and when you drag top one, the other heads…
How to dynamically add component in reactjs? Code Example & Demo
(Jump to Code | Demo) One of the most important feature of Reactjs is its modularity. To make code more readable and maintainable, we break it into reusable components. And…
Wrapper component in React JS – Code Example & Live Demo
(Jump to Code | Demo) First of all, we should know what is React wrapper component? Well, its similar to any ordinary component but we define them for special tasks…
Can’t perform a react state update on an unmounted component – Code
(Jump to Solution | Code | Demo) There are number of situations when you get the warning, “Can’t perform a react state update on an unmounted component“. One thing is…
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…
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…
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 – Condition 1: ResizeMode as Style property When image source is remote – Condition 2: ResizeMode as component props When image…
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.