meepin 이 챕터는 사용자의 기호에 따라 추가적으로 설정해도 되는 챕터이기 때문에 필수적이진 않습니다.
tagged react
짧은 수명 브랜치 유지: 브랜치는 가급적 1~2일 이내 머지. 장기간 작업은 분할하거나 main에서 직접 개발.
이후 사용자의 기호에 따라 추가적인 컨벤션을 적용할 수 있습니다. EX ) airbnb eslint guide
Stackflow는 Activity 간 전환 시 자동으로 스크롤 위치를 보존합니다. 이는 Stackflow의 내부 구현과 React의 가상 DOM 관리 방식이 결합되어 동작하는 것입니다.
이 챕터에서는 프로젝트 생성부터 웹팩 기초 세팅 및 타입스크립트 설정 및 디렉토리 구조를 설명합니다.
nextjs 에서 ssr, isr 방식을 올바르게 처리하기 위한 방식과 react 18에서 소개된 suspense 등의 기능 사용 방식을 정리합니다.
기존의 Next.js 에서 사용하던 next-i18n의 경우 Next.js의 버전이 올라가면서 기본적으로 내장되도록 바뀜
이 문서는 프로젝트 구축 시 복잡한 상태관리가 필요한 경우 리액트 쿼리의 캐싱 전략에 의한 개발 이슈를 공유하고,
- React components를 위한 Fast Refresh 웹팩 플러그인
해당 문서는windowing[주석 1]기능을 제공하는react-virtualized library를 사용하면서 필요했던 기능인 스크롤 복원과, 유저의 인터랙션 및 기타 상호작용에 의하여 레이아웃이 변경됨에 따라 발생하는 이슈들을 정리하고 해결하는 방법에 초점을 두고 작성되었습니다. 따라
Repo :https://git.hnine.com/rnd_dev/figma-scss-plugin
이 문서는 RTK Query에서 생성해서 제공해주는 React Hooks(use...Query, user..,Mutation)를 사용하는 과정에 반복적으로 발생하는 랜더링 이슈를 파악하고
Stackflow는 메모리 관리와 성능을 고려한 구조이긴 하지만, 너무 많은 activity를 stack에 쌓는다면 다음과 같은성능 문제가 발생할 수 있습니다:
FC와 VFC 및 PropswithChildren 정도를 다뤄보고 이후에 이러한 컨벤션을 적용한 인터페이스를 설계하는 방법을 같이 공부합니다.
많은 개발자들이 css next 또는 css modules을 사용하고 있습니다. 그러나 리액트에서 css modules을 classname 속성과 함께 사용하는것은 조금 어려울수도 있습니다. 근본적으로 css modules은 name mangling으로 구현되어있습니다.
displayFadeMenuHandler=> show 안에 이벤트와 메뉴 아이디를 넣어 호출함, 사용하는곳에 onClick으로 지정
antutility type 들을 함수처럼 사용하기 전에 어떻게 제네릭으로 풀어낼 수 있는 지를 고민해보고 해당 타입들에 대한 예제들을 함께 다루면서 공부합니다.
이 문서에서 컴포넌트의 구성은 기본적으로 ( View Asset Component ) 패턴을 사용함.
activity는 stack으로 쌓인다. 스택은 뒤로가기 할때마다 노출된다.
Next.js가 뭐임? 리액트의 생산성을 높여주는 프레임워크 중 하나임
리액트는 뭐임? DOM 관리와 상태 관리를 최소화하고 기능 개발, UI에 도움을 주는 라이브러리임 리액트가 리렌더링 되는 조건은 뭐임? 부모에서 전달받은 props가 변경될 때, 부모 컴포넌트가 리렌더링 될 떄, 자신의 state가 변경될 때임
개발할 때 자주 켜두는 브라우저 확장 프로그램과 보조 도구를 짧게 모아둔 메모입니다.
Yarn workspaces & Turborepo 를 이용한 프론트엔드 Monorepo 구축 Part 1