useComponentWillMount??
라이프 사이클의 굴레에서 벗어나
20 POSTS
React 3
Prop drilling 해결을 위해 context를 사용하기 전에 구조를 생각해보자.
처음부터 구조를 잘 생각해 둔다면 성능상 에 이점을 가져갈 수 있다.
리액트의 Hooks과 HOC, HOC의 사용이 복잡해지는 경우
HOC는 좋지만, hooks을 사용하는 습관을 기르자.
리액트의 useState와 lazy initialization
리액트 최적화의 길은 멀고도 험하다
블로그 gatsby에서 nextjs로 옮긴 이야기
어영부영했지만 보람은 있었다
Create React App의 serviceWorker는 무엇일까
가끔 봤지만 전혀 궁금해 하지 않았던 그 것
styled-components로 스타일 적용하는법
styled components가 쓰고 싶습니다
useEffect는 라이프 사이클 메소드가 아니다.
생각없이 useEffect를 쓰지 말자
useCallback 사용 가이드
아직도 useCallback으로 고통 받다니
리액트 v17.0 살펴보기
리액트 17.0 새로운 기능은 추가되지 않을 예정. 점진적 업그레이드 추가, 이벤트 위임 방식 변경이 주요 변경 내용인 것 같네용.
MobX를 공부하자 (4) - React와 Mobx의 10분 요약 글
React와 MobX에 대한 10분 설명
MobX를 공부하자 (3) - 기본 개념과 원칙
MobX 1페이지 요약에 대한 간단한 번역
MobX를 공부하자 (2)
MobX를 예제 애플리케이션에 실제로 적용해보기
MobX를 공부하자 (1)
MobX 1페이지 요약에 대한 간단한 번역
프론트엔드 개발자가 알아야 하는 Angular와 React의 Change Detection
[What every front-end developer should know about change detection in Angular and React](https://indepth.dev/what-every-front-end-developer-should-know-about-change-detection-in-angular-and-react/)를 번...
리액트 고차 컴포넌트 (React Higher Order Component)
[이 글](https://ko.reactjs.org/docs/higher-order-components.html)이 한글로 번역이 안되있어서 대충 번역해봅니다. # Higher-Order Components 고차 컴포넌트 (이하 HOC)는 리액트에서 컴포넌트 로직을 재사용하기 위한 고오급 기술이다. HOC는 리액트 API의 일부분은 아니다. 이는 리액트...
리덕스 공부해보기 (2) - 리덕스의 탄생, 핵심 개념 그리고 3가지 원칙.
## 리덕스의 탄생 배경 https://redux.js.org/introduction/motivation **자바스크립트 싱글 페이지 애플리케이션에 대한 요구 사항이 점점 복잡해 짐에 따라서, 우리의 코드는 그 어느 때 보다도 더 많이 상태관리에 대한 필요성을 느끼고 있다.** 여기서 말하는 상태에는 서버 응답, 캐시된 데이터 뿐만아니라 서버에 아직 요...
리덕스 공부해보기 (1) - 개요
## 리덕스 공부해보기 1 [리덕스 공식문서](https://redux.js.org/introduction/getting-started)를 스스로 대충 번역해본 글입니다. 리덕스는 자바스크립트 앱을 위한 **예측 가능한 상태 관리 컨테이너**다. 리덕스는 일관성 있게 동작하고, 서로 다른 환경 (클라이언트, 서버, 네이티브)에서 실행되며, 테스트하기 ...
NextJS 1. Page & Route
요즘 리액트를 쓰는 많은 프로젝트에서, SSR을 지원하기 위해 [nextjs](https://nextjs.org/)를 쓰고 있다. 초기 로딩 속도나, SEO 지원 이슈 등 등 때문에 아무래도 SPA는 요즘 트렌드에서 많이 밀린 기분이다. 물론 [razzle](https://github.com/jaredpalmer/razzle) 을 쓰거나 custom ser...
React count down에서 배운 event-emitter 와 requestAnimationFrame
# 리액트에서 카운트 다운을 만들며 배운 것들 리액트에서 카운트 다운을 만든다고 가정해보자. 가장 먼저 생각나는대로, 빠르게 구현한다면 아래와 같은 느낌이 될 것이다. https://codepen.io/yceffort/pen/BayPyNe 하지만 이 코드는 한가지 문제를 가지고 있다. ## setInterval, setTimeout `setInte...