https://github.com/sunyoungkwon/react-class-vs-func

💻 생활코딩-React class vs function style 강의를 수강하며 실습한 내용
https://github.com/sunyoungkwon/react-class-vs-func

react react-hooks

Last synced: about 2 months ago
JSON representation

💻 생활코딩-React class vs function style 강의를 수강하며 실습한 내용

• Host: GitHub
• URL: https://github.com/sunyoungkwon/react-class-vs-func
• Owner: SunYoungKwon
• Created: 2020-11-11T05:25:02.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-18T10:02:27.000Z (about 4 years ago)
• Last Synced: 2023-03-06T07:14:15.765Z (almost 2 years ago)
• Topics: react, react-hooks
• Language: JavaScript
• Homepage:
• Size: 195 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [생활코딩] React class vs function style

## 수업 내용

React 컴포넌트는 **class**와 **function** 두 가지 방법으로 작성할 수 있다. 

class 방식은 React의 모든 기능을 사용할 수 있지만 해당 문법을 모두 알아야한다. function 방식은 기존 javascript를 사용하던 사람들에게 익숙하고 간편하지만 state를 만들거나 lifecycle API를 사용할 수 없이 상위 컴포넌트가 시키는 일만 해야 했다. 하지만, **hook**이 도입되면서 function 방식도 내부적으로 상태(state)를 다루고, 라이프사이클에 따른 작업을 정의할 수 있어졌다. 그러면서 함수형의 간편함은 그대로 가진다.

생활코딩의 [**React class & function style coding** 수업](https://opentutorials.org/module/4600)은 같은 작업을 하는 컴포넌트를 각각 class와 function 두 가지 방식으로 작성해보며 서로의 차이점을 알고 이해하기 위한 강의이다.

[수업내용 정리](https://sunnyk.tistory.com/29)