Skip to content

Main Navigation

Web 용어정리

Composing Software

코어 자바스크립트

TCP/IP 완벽 가이드

Node.js 교과서(개정 3판)

코딩테스트

Appearance

Sidebar Navigation

Learn React

Keeping Components Pure Responding to Events State: A Component’s Memory Render and Commit State as a Snapshot Queueing a Series of State Updates Updating Objects in State Updating Arrays in State Reacting to Input with State Choosing the State Structure Sharing State Between Components Preserving and Resetting State Extracting State Logic into a Reducer Passing Data Deeply w/ Context Scaling Up with Reducer and Context Referencing Values with Refs Manipulating the DOM w/ Refs Synchronizing w/ Effects You Might Not Need an Effect Lifecyle of Reactive Effects Seperating Events from Effects Removing Effect Dependencies

Devloper Way: React

How to write performant React code: rules, patterns, do's and don'ts Why custom react hooks could destroy your app performance How to write performant React apps with Context React component as prop: the right way Higher-Order Components in React Hooks era Implementing advanced usePrevious hook with React useRef React components composition: how to get it right React key attribute: best practices for performant lists How to useMemo and useCallback: you can remove most of them The mystery of React Element, children, parents and re-renders How to fetch data in React with performance in mind Fetching data in React: the case of lost Promises How to debounce and throttle in React without losing your mind How to handle errors in React: full guide Refs in React: from access to DOM to imperative API Say no to "flickering" UI: useLayoutEffect, painting and browsers story React reconciliation: how it works and why should we care React useTransition: performance game changer or...?

Fiber Architecture

React Fiber Architecture란?Inside Fiber: an in-depth overview of the new reconciliation algorithm in React

On this page

Table of Contents for current page

React

Developer Way: React

React Fiber Architecture

React - Basic Theoretical Concepts

Inside Fiber: an in-depth overview of the new reconciliation algorithm in React

🎬 Lin Clark - A Cartoon Intro to Fiber - React Conf 2017

Next pageKeeping Components Pure