Web Scraping dynamic & static websites in Nodejs and Reactjs
Teresia Wachira
Introduction Web scraping is a technique used for extracting data from websites. And a piece of code or software that helps you to scrape data is known as a scraper.…
Browsing Category
React Js
21 posts
Setting Up and Running Your First ReactJS Project – Students Guide
Sven Eggers
In recent times, ReactJS has seen a high rise in usage due to its’ power and efficiency. Not only that, but ReactJS is also pretty easy to learn. Which has…
Why Use React Native For Your Business in 2022?
Solomon Hayes
React and React Native are the hearts of this website. Most of our articles revolves round these technologies and there is a good reason for it. These techs were best…
Create documentation of React project using Docz.js
akamit
When you are committed to a professional project, it becomes mandatory to document it properly. This is a basic requirement because many people works on the project and some way…
React JS sample project step by step
In this article we are going to learn step by step, how to create a sample project in react js. We will start from installation of create-react-app library and move…
React-Three-Fiber | How three.js is used with React.js – Introduction
Three.js is the 3d animation library which is used to design games, movies, scenes, animations, graphics, vfx etc. If you want to learn more about three.js then follow our introductory…
React Table – Learn filter, sort, pagination in 10 Minutes
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…
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…
How to force component to re-render in reactjs?
There are two ways in which we can force component to re-render in React JS. Generally, we require this when there is change in the list but react fails to…
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…
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…
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.…
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…
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…