ReactJS: Code an image portfolio gallery like Pinterest and Pixabay

November 12, 2020 A Goodman

In this tutorial, we’ll create a beautiful, responsive image portfolio gallery like Pinterest and Pixabay. with an amazing library named react-masonry-component. Here’s what you will see at the end: Prerequisites To follow this tutorial, you will…

React: Get form input value with useState hook

December 23, 2020 The Shadow

The simple example below shows you how to get the value from an input field in React. Example Create a brand new React app, delete everything in the App.js file, and add the code below: Try…

Understand React useContext hook through Example

March 30, 2021 A Goodman

The React Context API is useful for passing data (including number, object, function… ) deeply throughout a React app. It makes your life much easier than using multi-level props. The useContext hook is available in React…

3 great libraries to make pie charts in React (including examples)

October 25, 2020 A Goodman

There are various libraries out there to help you create a beautiful pie chart (AKA circle chart, pie graph e.t.c) in React without any pain. victory-pie A very-easy-to-use chart drawing library. Example Install victory-pie by executing:…

Passing data from a child component to a parent component in React

May 5, 2020 A Goodman

In React, passing data from a parent component into a child component is quite easy with “props”. On the other hand, passing data from a child component to a parent component is a little more complicated…

How to use react-ga to track your React website traffic

May 5, 2020 A Goodman

This tutorial shows you how to track your React app (or website) traffic with Google Analytics. Prerequisites A Google Analytics account Basic React knowledge Installation Code Create a file and call it MyGa.js: Usage Simple way:…

How to use Font Awesome icons in React

May 5, 2020 A Goodman

This article will show you how to use Font Awesome icons in a React app. Firstly, let’s install the necessary packages. Next, import the icons you need into your React component. Note that if an icon…

1 2 3 4