React - From A To Z 6

Chapter 03: Check Detail with Official Document - Hooks, Composition, HOC, Memoization, Render Props, PropTypes, Reconciliation and React Dev Tool

Hooks UseEffect (Hook) Custom Hooks Composition 컴포넌트 내에서 컴포넌트를 모아서 출력하는 것 HOC Memoization Sources https://reactjs.org/docs/hooks-intro.html Introducing Hooks – React A JavaScript library for building user interfaces reactjs.org https://reactjs.org/docs/hooks-effect.html Using the Effect Hook – React A JavaScript library for building user interfaces reactjs.org https://reactjs.org/docs/compositio..

React - From A To Z 2022.12.15

Chapter 02: Check Detail with Official Document - JSX, Props, State, Life Cycle, Event, Rendering, List and Form

Why Do We Need To Read Official Document? React is Library. And we can understand deeply when we read the inventor's intention when we read official document. Create React App First of all, we need Node to use 'React Create App' So check whethere we have Node on our computer or not. Node provides the environment for React app to work in local environment. Node installed -> npm(node package manag..

React - From A To Z 2022.11.18

Chapter 01: Taste "React" - JSX, Babel, Multi Elements, Re-rendering, Event Handling, Component State, Hook and Ref

The goals 💪🏻What & Why? ✌🏻Basic knowledge of React 👍🏻Try React! DOM (Document Object Model) 메모리에 웹페이지 문서구조 표현->DOM으로부터 element개념이 등장 CDN (Content Delivery Network) 웹에서 사용되는 다양한 컨텐츠 (리소스)를 저장하여 제공하는 시스템 createElement를 이용해서 첫 인자로 "h1"을 주고 뒤에 props가 들어가는 부분에는 object로 각각 className과 children을 할당하고 또 "Hello, world!" 라는 값을 할당했는데 결과를 보면 태그 안에 class로 "title"이 들어가있고 children으로 "Hello world"할당. 과연 우리가 임의로 ..

React - From A To Z 2022.11.16