Landing Page React

제품 랜딩 페이지 템플릿

이 멋진 반응형 웹사이트는 React, 스타일이 지정된 구성 요소, 반응 라우터 및 반응 후크로 구축된 정적 랜딩 페이지입니다. 모든 구성 요소는 재사용이 가능하며 모든 동적 콘텐츠에 사용할 수 있습니다. 모든 플랫폼에 완벽하게 반응하며 Netlify를 사용하여 호스팅됩니다.

설명

이 정적 랜딩 페이지는 다양한 제품 쇼케이스에 사용될 수 있습니다. 반응 라우터로 인해 다른 페이지로 이동할 수 있습니다. 저는 항상 스타일이 지정된 구성 요소를 배우고 싶었고 프로젝트를 구축하는 것이 실용적인 학습 방법입니다. 제가 직면한 유일한 과제는 스타일이 지정된 구성 요소를 사용하는 것이었습니다. 처음에는 겁이 났고 일반 CSS와 SASS를 사용했기 때문에 클래스 이름이 없으면 이상했습니다. 최소한 스타일 구성 요소는 중첩 측면에서 SASS와 유사합니다.

스타일 구성 요소를 이해하기 위해 이 문서를 참조했습니다. - 스타일 구성 요소 문서입니다.

라이브 데모를 보려면 여기를 클릭하세요

기술 스택

• 반응하다
• 스타일이 지정된 구성요소
• 반응 라우터
• 반응 후크

스크린샷

크레딧

@briandesign