React.js — Basic Hooks (useState, useEffect, & useContext)

React.js — Basic Hooks (useState, useEffect, & useContext)

A gentle introduction into the three basic, and debatably most important, React.js hooks.

Preface — As one may be able to infer from the title of this article, this is not a comprehensive guide going over all of the hooks that can be utilized in the newer versions of React.js, but rather a general overview regarding the basic hooks that the majority of individuals interfacing with React.js will most likely encounter at one point or another. If you’re interested in a comprehensive list of all of the hooks that can be “hooked” into your React.js components (v16.13.1 as of the publishing of this article), please refer to the React.js docs. Also, if you’re not familiar with React.js, might I suggest checking out Ben Awad’s Practical React series on YouTube as a primer for your educational endeavors as this article assumes prior knowledge of React.js. Without further ado, I hope you enjoy!

programming react javascript react.js react hooks

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React JS Hooks Webinar

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. This new function useState is the first “Hook” we’ll learn about, but this example is just a teaser. Don’t worry if it doesn’t make sense yet!

The Ugly Side of React Hooks

In this post, I will share my own point of view about React Hooks, and as the title of this post implies, I am not a big fan.

React Hooks Tutorial for Beginners: Getting Started With React Hooks

React hooks tutorial for beginners, learn React hooks step by step: Introduction, useState Hook, useState with previous state, useState with object, useState with array, useEffect Hook, useEffect after render, Conditionally run effects, Run effects only once, useEffect with cleanup, useEffect with incorrect dependency, Fetching data with useEffect, useContext Hook, useReducer Hook, useReducer, Multiple useReducers, useReducer with useContext, Fetching data with useReducer, useState vs useReducer, useCallback Hook, useMemo Hook, useRef Hook

Convert String To Number/Array In JavaScript with React Hooks/Vue.JS Examples

In this tutorial, we'll learn by example how to convert a string to the corresponding integer or float number or array of numbers using the built-in JavaScript methods with simple React and Vue.js examples.