triple-frontend
triple-frontend copied to clipboard
Monorepo for Triple Frontend Components and Libraries
## 설명 - [ ] Video Component의 구조를 변경하면서, Breaking Change 없이 작성하였던 코드에 대한 하위 호환 제거 - [ ] Video Frame 컴포넌트 내의 Wrapper(Context API)과 Frame의 역할을 하는...
```ts (event?: SyntheticEvent) => void ``` TF에서 클릭 이벤트 핸들러를 다루다보면 많이 발견하는 타이핑입니다. 기본 HTML 태그나, styled-components로 생성한 컴포넌트의 onClick 이벤트의 타입은 `(event: MouseEvent) => void`입니다. event가 언제나 존재하기...
### 📌 문제 상황 [문제 논의 스레드](https://titicaca.slack.com/archives/CEEPB4TDY/p1681705604308289) TF의 ActionSheet에서 css props를 넘겼을 때, 의도한 대로 css 오버라이딩 되지 않는 문제가 있습니다. 이러한 문제는 createPortal을 사용한 컴포넌트들(Modal, ActionSheet ..)에서 공통적으로 발생했습니다....
경우에 따라 컴포넌트를 Uncontrolled로 사용하면 코드량을 줄일 수 있을 수 있습니다. 아래 컴포넌트들은 지금은 controlled로 사용해야 하는 컴포넌트들이지만 uncontrolled로도 사용할 수 있게 개선해봅니다. `open, active`가 필요한 컴포넌트 - [ ]...
리서칭: [https://zackphilipps.dev/posts/storybook-csf-mdx-known-issues-typescript-styled-components](https://zackphilipps.dev/posts/storybook-csf-mdx-known-issues-typescript-styled-components)
앱 설치 유도 모달을 사용 시 아래와 같이 TransitionModal를 이용합니다 ``` // index.tsx ``` ``` // TransitionModal 이용하는 형태 1. const { show } = useTransitionModal() show(TransitionType.General) 2. useAppCallback(TransitionType.General, ...)...
TF 내에 있는 리뷰 목록의 "좋아요 수/댓글 수/시간/더보기" 부분과 여행기의 "좋아요 수/댓글 수/다운로드 수/시간/더보기" 부분의 뷰가 중복됩니다. 따라서 이부분을 컴포넌트로 만들어서 여러 곳에서 사용할 수 있게 제공하면 좋겠습니다. 리뷰 해당부분...
현재 FA이벤트의 파라미터중에 action으로 넘어가는 value가 enter_experiment, experiment_key_conversion, experiment_impression인데 요게 잘못들어가 있습니다. key가 action일때는 xxx_클릭, aaa_노출의 형태를 가지는 value key가 event_name일때는 enter_experiment, experiment_key_conversion, experiment_impression의 value
뒤로가기 또한 라우팅의 중요한 도메인입니다. react-contexts에서 라우팅 로직을 완전히 제거하기 위해 뒤로 가기 관련 코드를 router 패키지에 추가해야합니다.
지난날의 과오를 뒤로하고 content-web에서 onelink 생성하는 로직을 명확하게 담을 수 있는 [구조](https://github.com/titicacadev/triple-content-web/blob/master/src/common/deep-link.ts)를 다시 고민해봤습니다. 이 패키지를 TF에 추가하고 기존 생성 모듈은 deprecate 시키는 게 어떨까 합니다. Related to #1124