2023. 7. 9. 18:54ㆍ소소한 정보
- SVG-in-JS 에서 벗어나라
- 💼 응용 프로그램 규모를 확장하기 위해 모노 레포(Mono Repo)를 사용하세요.
- 🧹 코드 삭제를 쉽게 만드는 것이 중요합니다.
- 🚢 변화를 점진적으로 수행하세요.
- 🔄 언제나 향상되고 저하되지 않도록 노력하세요.
- 🧩 컴포넌트 내 데이터 페칭은 가능한 한 간단하게 유지하세요.
- 📐 팀의 기술 표준을 유지하기 위해 린트 규칙을 도입하세요.
- 🌟 팀의 협업을 촉진하기 위해 장벽을 제거하세요.
React를 기본 개념을 숙지한 후 실제로 앱을 런칭하기까지 필요한 위한 가이드
React Team 커뮤니케이션에 초점을 맞춘 RSC 견해
*Demystifying React Server Component with NextJS 13 App Router
- 심도있으며 간결한 구성으로 이해하기 쉽도록 글을 작성
- https://github.com/matt-kruse/demystifying-rsc
Mocking을 적극적으로 활용한 React 테스트 코드 작성
- 불변성을 가진 typescript 기반의 상태관리 라이브러리
- Concurrent React
- Transitions API
- React Server Components
- Suspense
- CrUX 기반의 Core Web Vitals이 활용된다. Lighthouse 또는 PageSpeed Insights 도구는 활용되지 않는다.
- 검색 순위를 높이려면 모든 관련 Core Web Vitals 및 페이지 경험 보고서의 다른 모든 항목을 통과해야 한다.
- 검색 순위는 Chrome에서의 성능에 따라 달라진다.(다른 브라우저의 성능은 구글 검색 순위에 영향을 미치지 않음)
- 브라우저 마다 모두 동일한 검색 결과를 노출한다.
- 데스크탑과 모바일 환경에서는 서로 다른 검색 결과를 노출할 수 있다.(각 환경에서 측정하는 사이트 점수가 다르다.)
- 호주에서 느린 경험은 영국의 검색 결과에 영향을 미칠 수 있다.
- SPA는 Core Web Vitals와 관련된 긍정적인 영향을 거의 주지 않는다.(첫 페이지 접근에서만 성능을 측정하므로 첫 접근 이후에 발생하는 빠른 경로 전환은 아무런 이득도 없다.)
- Search Console에서 구글이 수집한 데이터를 얻을 수 있다.
- Core Web Vitals가 순위에 미치는 진정한 영향은 완전히 이해되지 않았지만 분명 순위에 영향을 미친다. 무엇보다 중요한 것은 컨텐츠이며 곧 트래픽이라고 할 수 있다.