Mastering Typescript for React Hooks

Mastering Typescript for React Hooks

Let's dive DEEP again into Typescript but this time to look at React Hooks: useState, useEffect, useContext, useContext, useReducer, useRef, Custom hooks, useMemo

Let's dive DEEP again into Typescript but this time to look at React Hooks.

  • 00:00 Introduction
  • 00:15 Creating the project
  • 02:25 What hooks we will cover
  • 03:10 useState
  • 08:50 useEffect
  • 14:45 useContext
  • 24:12 useReducer
  • 32:04 useRef
  • 35:06 Custom hooks
  • 43:44 useMemo
  • 47:37 Components: Exporting Props as an interface
  • 50:02 Components: Generic components using const
  • 54:13 Comments and questions, subscribe and take care

Cheatsheet: https://github.com/typescript-cheatsheets/react Code: https://github.com/jherr/ts-hooks

reactjs javascript typescript react web-development

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.

ReactJS Web App Development Services

We provide top-notch ReactJS development services to global clients. Hire expert ReactJS developers from top React JS development company, Skenix Infotech.

Make an App with React JS / JavaScript: React and TypeScript

Building a Web Application as a Front-End Developer using React JS and TypeScript! Learn how to use the “Thinking in React” method and apply it to your real web application. We will be using real live weather data to display in our application and make our components reusable and maintainable.

ReactJS: The Javascript Developer’s Guide

This article will walk you through the concepts you would need to know to step into the world of widely used ReactJS.

How to Migrate a React Component from JavaScript to TypeScript

Learn how to easily migrate a React component from JavaScript to TypeScript to improve your project. When migrating over to TypeScript, one basic thing to keep in mind is TypeScript files have a .ts extension instead of .js. Another thing to keep in mind that makes migrating over a breeze is that you can configure your TypeScript compiler to allow JavaScript files.