Functional Components

Tencent IMWeb Frontend Team

Sep 6, 2021 · Frontend Development

Boost React Performance: Master Functional Components, Hooks, and Memoization

This article explains how functional components, React hooks, and memoization techniques such as React.memo, useCallback, and useMemo can be combined to reduce unnecessary re‑renders, simplify side‑effect management, and improve overall UI performance in modern React applications.

Functional ComponentsHooksMemoization

0 likes · 16 min read

Boost React Performance: Master Functional Components, Hooks, and Memoization

ByteFE

Apr 19, 2021 · Frontend Development

Advanced TypeScript and React Patterns: Importing React, Functional Components, Hooks, Props, and Types

This guide covers the essential TypeScript knowledge for React development, demonstrating how to import React, declare functional components with React.FC, use core hooks such as useState, useRef, useEffect, useMemo, create custom hooks, handle defaultProps, choose between type and interface, type props, manage forms and events, work with operators, and apply generic patterns for reusable components.

Event HandlingFunctional ComponentsHooks

0 likes · 23 min read

Advanced TypeScript and React Patterns: Importing React, Functional Components, Hooks, Props, and Types