Image Editing and Cropping in ReactJs
Teresia Wachira
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…
Browsing Tag
live demo
24 posts
React Table – Learn filter, sort, pagination in 10 Minutes
akamit
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…
Adding Google reCAPTCHA in ReactJS
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…
Javascript remove element from Ghost array
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…
Convert a jumbled javascript array to string without commas
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…
Access random array element in javascript without repeating
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…
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…
React component get element by id – Code example & Demo
(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…
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…
Combine two javascript objects – Code Example & Live Demo
(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…
Open File Upload Dialog Using JavaScript – Code Example & Live Demo
(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…
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 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…
