How to Fetch Data from APIs using useEffect React Hook

In this article, we will take a look at useEffect React hook to fetch data from an API. We will create a sample React application to pull data from the provider and use it in our application.

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.

Build a GIF Application using React Custom Hooks | Optimize Your React Apps

In this video, will teach you how to use custom hooks to build a GIF Application. Custom Hooks in React are useful for much more than just managing the local state. They provide a new layer of abstraction to accomplish new and amazing patterns

How to use the useCallback React hook

In this video, introduced useCallBack hook and when we have to use So let us see How to use the useCallback React hook. So, we have use Effect right , now we have to write all the code inside it that is to be played after render .

Using useState() in React Hooks for Beginners

In this video I have demonstrate how can you use useState for initializing value as an object rather than primitive type values. To demonstrate that I have j...

Getting Started With The React Hooks For Beginners

In this video, I have talked about what is hooks and introduce first hook i.e. useState(). Now hooks basically is a function that lets you "hook" to the react state, lifecycle methods, context and refs.

React Hooks - Полный Курс (Про Все Хуки!)

Полный курс по React Hooks. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки

Using React Hooks in Projects with Existing Class Components

The focus of this blog will mainly be a comparison between class component and hooks style of coding, as well as what to do to transfer between the two. But before we start…

Consuming GraphQL APIs with React Hooks (useQuery) & Apollo Client

Throughout this tutorial, we'll see by example how to consume and fetch a GraphQL API with React Hooks and Apollo Client. We'll particularly see how to use the useQuery hook to send GraphQL queries to the server and the gql tag to write GraphQL queries.

Modern React From The Beginning - Episode 09: Using The Effect Hook

In this episode we’re going to cover another React Hook: the useEffect hook. By using this hook you’ll be able to handle side-effects in your application very easily.

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.

6 React Native Hooks You Need To Know

React Native can use all of the React Hooks like useState, useEffect, useContext, etc. that are listed in React Hooks documentation. Hooks work the same way in React Native as it does in React

How to build a Trello-like application using React Hooks and GraphQL

Learn how to build a Trello-like application using React Hooks and GraphQL. Learn how to use React Hooks and a GraphQL server to create a Trello-like application with drag-and-drop features. Building a Trello clone with React Hooks and GraphQL

React Hooks Tutorial: Những điều cần biết về useEffect Hooks 🎉

Side effects là gì? Có bao nhiêu loại? Và useEffect hooks được sử dụng trong functional component như thế nào? Giải thích useEffect hooks gồm mấy thành phần? Khi nào useEffect hooks được gọi? Khi nào gọi useEffect clean up? Các ví dụ thực tế sử dụng useEffect và useEffect cleanup. Chuyển đổi life cycles thành useEffect hooks.

Instagram API with React Hooks + Gatsby

Instagram API with React Hooks + Gatsby. I'm cold, and coding up some Gatsby, React and Instagram API.

React Hooks 2 - useState() và những điều cần lưu ý

Hướng dẫn sử dụng useState() hook một cách đơn giản, dễ hiểu và một số lưu ý bạn cần biết khi làm việc với useState(). ✅ useState() là một hook cơ bản trong các react hooks ✅ Giới thiệu cú pháp array destructoring ✅ useState() trả về một mảng gồm 2 phần tử ✅ useState() sử dụng phương pháp replacing thay vì merging ✅ Giá trị khởi tạo của useState() dạng callback chỉ gọi một lần

Custom Hooks in React: The Ultimate UI Abstraction Layer

Custom Hooks in React are useful for much more than just managing the local state and one-dimensional side-effects you see in almost every React Hooks example. React Hooks provide a new new layer of abstraction to accomplish new and amazing patterns that we couldn't have just over a year ago. This abstraction layer is simply collection of custom hooks, but when unlocked, it can be the most powerful piece of your application architecture.

Learn React Hooks by Building a Tic Tac Toe Game

We will learn how to use React Hooks by building a real world Tic Tac Toe game. This will give you ample exposure to both React Hooks and building React apps in general. React Hooks are all the rage nowadays in React land. Hence it's a good time to learn the basics of these newer React constructs.

React Hooks Animations

Learn about using React Hooks for animations. Learn to implement simple but effective animations using React Hooks and GreenSock. The key to animating things in React with GreenSock is to make sure you get a reference for the element you want to animate. To grab a reference to the elements we want to animate we can use the useRef hook. For our cards we will be animating the image, some hidden text and our actual card.

Getting Started with useEffect Hook in React

In this React tutorial, we are specifically going to learn about the React Hook, the useEffect. Get started with the next Hook, useEffect. This article assumes that you have already learned about the useState Hook