Learn ReactJS & React Native With Me
  • Home
  • React Native
  • React Js
  • Write for us
  • Animal Welfare
  • Contact
  • Home
  • React Native
  • React Js
  • Write for us
  • Animal Welfare
  • Contact
  • Facebook
  • Twitter
  • LinkedIn
  • Email
Learn ReactJS & React Native With Me

Code, Bugs, Pitfalls, Tricks of React Js & React Native

  • Home
  • React Native
  • React Js
  • Write for us
  • Animal Welfare
  • Contact

Browsing Tag

live demo

24 posts
image editing cropping in reactjs
  • React JS
  • 3 minute read

Image Editing and Cropping in ReactJs

  • Teresia Wachira
  • July 8, 2022
If you have an application where a profile section is created, you most probably also asking for user’s photo for it. But different users have different phones and you end…
View Post
react table filter sort pagination search in 10 minutes
  • React Js
  • React Native
  • 13 minute read

React Table – Learn filter, sort, pagination in 10 Minutes

  • akamit
  • February 13, 2021
I came across with this little table library (little in size but huge in functionality), React table. I was amazed with the way it simplifies the work. In our projects…
View Post
Adding Google recaptcha in reactjs application
  • React Js
  • 6 minute read

Adding Google reCAPTCHA in ReactJS

  • akamit
  • January 31, 2021
reCAPTCHA is a captcha system which helps in securing applications. It is owned and maintained by Google. This is a joint effort of Google and Carnegie Mellon University. In this…
View Post
javascript remove element from ghost array
  • JavaScript
  • 2 minute read

Javascript remove element from Ghost array

  • akamit
  • January 22, 2021
In this article we will learn how to remove element from javascript ghost array. I will also show you the way to remove any element from non-ghost arrays. First of…
View Post
jumbled javascript array to string no commas
  • JavaScript
  • 2 minute read

Convert a jumbled javascript array to string without commas

  • akamit
  • January 20, 2021
Are you getting the requirements of converting a javascript array to string without commas? If yes, then this article is for you. Generally when we convert array to string we…
View Post
javascript random array element no repeat
  • JavaScript
  • 2 minute read

Access random array element in javascript without repeating

  • akamit
  • January 17, 2021
In this article we will show you the code to access javascript random array element, no repeat. Without further delay, let’s check out the code –     Tweet this to help…
View Post
GUI tool to generate react table code for projects
  • React Js
  • React Native
  • 1 minute read

GUI tool to generate React-Table code for your projects

  • akamit
  • February 4, 2021
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…
View Post
facebook messenger chat heads trail animation in react spring
  • React Js
  • React Native
  • 3 minute read

React Spring – Create Facebook messenger chat heads with trails

  • akamit
  • January 7, 2021
(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…
View Post
react component get element by id code example demo
  • React Js
  • 2 minute read

React component get element by id – Code example & Demo

  • akamit
  • February 6, 2021
(Jump to Code | Demo) React component get element by id through reference. Before moving ahead let me inform you that React do not provide any way to access component…
View Post
How to dynamically add component in reactjs - Code Demo
  • React Js
  • React Native
  • 2 minute read

How to dynamically add component in reactjs? Code Example & Demo

  • akamit
  • January 5, 2021
(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…
View Post
React Wrapper Component - Code example and Demo
  • React Js
  • React Native
  • 3 minute read

Wrapper component in React JS – Code Example & Live Demo

  • akamit
  • January 4, 2021
(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…
View Post
can't perform a react state update on an unmounted component
  • React Js
  • React Native
  • 2 minute read

Can’t perform a react state update on an unmounted component – Code

  • akamit
  • December 31, 2020
(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…
View Post
combine and merge two javascript objects
  • JavaScript
  • 1 minute read

Combine two javascript objects – Code Example & Live Demo

  • akamit
  • December 30, 2020
(Jump to Code | Demo) We can combine and merge two javascript objects using triple dot (…) notation of ES6. This is a very handy feature as it allows to…
View Post
Open file upload dialog using javascript
  • JavaScript
  • 2 minute read

Open File Upload Dialog Using JavaScript – Code Example & Live Demo

  • akamit
  • December 31, 2020
(Jump to Code | Demo) When we design an application, we get the requirements to upload images, pdfs, videos and all other sorts of files. We do this using html…
View Post
football game crud application using javascript and localstorage
  • JavaScript
  • 24 minute read

Football Game CRUD Application in Javascript & LocalStorage

  • akamit
  • December 17, 2020
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…
View Post
Twitter CRUD application using react php mysql
  • MySql
  • Php
  • React Js
  • 6 minute read

Twitter CRUD application in React, Php & MySql in 10 Minutes

  • akamit
  • July 24, 2022
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…
View Post
React Native Forms using React-Hook-Form
  • React Native
  • 4 minute read

React Native Forms using React-Hook-Form

  • akamit
  • July 24, 2022
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…
View Post
Create Login Page in React Native with Animation
  • React Native
  • 9 minute read

Create Login Page in React Native with Animation

  • akamit
  • July 24, 2022
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…
View Post
Passing State and Calling Functions Between Parent and Children in ReactJS
  • React Js
  • 4 minute read

Passing State & Calling Functions Between Parent & Children in ReactJS

  • akamit
  • July 24, 2022
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…
View Post
Optimize performance reactjs - akashmittal
  • React Js
  • 7 minute read

Optimize Performance & Render Website Superfast in ReactJS

  • akamit
  • July 24, 2022
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…
View Post

Posts navigation

1 2 Next

Tweets by ARMITTAL
  • Bootstrap (1)
  • Carbon (12)
  • Code Example (110)
  • Cryptocurrency (3)
  • Docker (16)
  • Git (1)
  • HTML-CSS (1)
  • Japanese (1)
  • JavaScript (18)
  • Kubernetes (15)
  • MySql (2)
  • Php (1)
  • React Js (20)
  • React Native (14)
  • Technology (2)
  • Troubleshoot (1)
  • Uncategorized (1)
  • Wordpress (2)
  • [Code Example] valueerror: cannot convert float nan to integer
  • [Code Example] input array dimensions except concatenation axis match
  • [Code Example] PandasError: DataFrame constructor not properly called!
  • [Code Example] shape mismatch: objects cannot broadcast to single shape
  • [Code Example] Object arrays cannot be loaded when allow_pickle=False
  • [Code Example] valueerror: cannot reindex from a duplicate axis
  • [Code Example] input contains nan, infinity value large for dtype(‘float64’)
  • [Code Example] valueerror could not convert string to float
  • [Code Example] valueerror: if using all scalar values, must pass index
  • [Code Example] valueerror: too many values to unpack (expected 2)
  • attributeerror: ‘localstack’ object has no attribute ‘__ident__func__’
  • [Code Example] Git rename local branch – git branch -m oldname newnm

array bash bootstrap carbon-language containers create react application CRUD docker docker containers docker images Error git short html html short javascript javascript error javascript short java short kubernetes live demo python python-short python dictionary python error python list python numpy python pandas python string React-Native react-native-short react component reactjs reactjs error react js short react native animation react router react state R Short shell solidity students svelte error svelte short top list ubuntu

cannot import name 'to_categorical' from 'keras.utils' python tensorflow error
  • Python
  • 1 minute read

cannot import name ‘to_categorical’ from ‘keras.utils’

  • July 30, 2022
pip is being invoked by an old script wrapper python error
  • Python
  • 2 minute read

pip is being invoked by an old script wrapper

  • July 30, 2022
Python Poetry could not find pyproject.toml file
  • Python
  • 1 minute read

Poetry could not find a pyproject.toml file

  • July 30, 2022
python run bash script in background
  • Python
  • 2 minute read

python run bash script in background

  • July 30, 2022
Learn ReactJS & React Native With Me
Copyright AkashMittal.com

This blog's earnings goes for Animals

Learn More
X