React

jsx란?

react에서 component를 생성하는 방법은 2 가지가 있다

리액트의 생명주기

react의 핵심은 virtual DOM

react는 내부의 state를 'Single Source of Truth(신뢰가능한 단일소스)'로 관리하려는 설계원칙을 가지고 있다.

Fragment는 React v16에 추가된 기능

리액트 공식문서 > 이벤트 처리하기 https://ko.reactjs.org/docs/handling-events.html 미리 알아야할 용어 > 합성이벤트 e SyntheticEvent SyntheticEvent 객체는 모든 브라우저에서 이벤트를 동일하게 처리하기

개요(인척하는 넋두리) React의 가장 기본적인 디자인 패턴인 Container Presenter 패턴을 오늘처음알게되었다.. 혼자 공부하면서 내 코드가 많이 복잡하고 유지보수가 어려운 코드라는 것을 알면서도 더 나은방법을 알지못했기때문에 그냥 작동하는데에 의의를 두

평소에 redux를 사용해서 상태관리를 하는데 파일구조를 이런 방식으로 action, saga, reducer로 나누어 다른 파일에서 관리했다. 하지만 하나의 기능을 수정하려고 하면, 이 기능과 관련된 여러개의 파일을 수정해야하는 일이 생기고 이러한 불편함을 개선하고자 나온 것이 Ducks 패턴이다. Ducks 패턴은 구조중심이 아니라 기능중심으로 파...

React를 실행시키면 브라우저에 index.html을 보내는데, 이 html은 비어있고, js코드로 화면을 그린다. React에서 컴포넌트에 html처럼 생긴 코드를 작성하지만 이는 jsx문법이고, 리액트에서 실제로는 createElement라는 메서드를 통해 그