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!
Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.
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!
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, 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