Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bezier React next roadmap #1578

Closed
3 tasks
sungik-choi opened this issue Sep 1, 2023 · 0 comments
Closed
3 tasks

Bezier React next roadmap #1578

sungik-choi opened this issue Sep 1, 2023 · 0 comments
Labels
epic Issue consisting of multiple issues of the same purpose

Comments

@sungik-choi
Copy link
Contributor

sungik-choi commented Sep 1, 2023

Summary

Bezier React의 다음 로드맵에 대해서 설명합니다.

Background

채널의 서비스가 다각화되면서, 채널의 데스크를 포함한 다양한 서비스에서 베지어 디자인 시스템을 함께 사용하도록 만들고자 하는 니즈가 생겼습니다. 기존 베지어 디자인 시스템은 채널톡 서비스만을 고려하여 작성되었기때문에 확장성이 떨어집니다. 새로운 니즈를 충족시키기위해 비즈니스에 확장에 대응할 수 있는 확장성 높은 구조로 디자인 시스템을 재설계하고 있습니다.

Bezier React에서는 재설계된 디자인 시스템을 기존 레거시 디자인 시스템을 사용하는 채널의 웹 서비스에 점진적으로 마이그레이션할 수 있도록 다양한 문제 해결 방법들을 고민해보고 적용해야합니다.

크게 두 가지의 거대한 작업으로 나눠볼 수 있습니다.

  1. Foundation 변경
  2. Component 변경 (1번의 변경된 Foundation을 적용)

Bezier React에서는 V2, V3 2단계로 나누어서 변경 사항에 대응하려고 합니다.

V2

#1800

Goal

기존 디자인 시스템의 문제점들을 해결하고 개선합니다.

  • 스타일 시스템을 CSS-in-JS에서 CSS 기반으로 변경합니다. Foundation에 접근하는 방식을 CSS variable로 통일합니다.
  • 기존 Component를 개선합니다. (V3의 변경을 고려하여, 여기서 너무 큰 Breaking Change가 있는 변경은 지양하는 게 좋을 거 같아요)
  • Alpha Component를 개선하여 Stable Component로 변경합니다. 대응하는 이전 Component를 Legacy Component(deprecated)로 변경합니다.

V3

Goal

  • 새로운 Foundation과 Component를 적용하여 점진적으로 어플리케이션을 마이그레이션합니다.
  • V2 -> V3의 기간에는 새로운 Foundation/Component에 Alpha prefix를 추가하여 Legacy를 유지하는 방향으로 점진적으로 마이그레이션합니다.
  • 어플리케이션의 마이그레이션이 완료되면, V3로 버전업하고 Legacy를 제거합니다.

V3

독립적으로 수행 가능한 작업

Tasks

@sungik-choi sungik-choi added the epic Issue consisting of multiple issues of the same purpose label Sep 1, 2023
@github-project-automation github-project-automation bot moved this to 📌 Backlog in Bezier React Sep 1, 2023
@sungik-choi sungik-choi moved this from 📌 Backlog to 🏃‍♀️ In progress in Bezier React Sep 1, 2023
@sungik-choi sungik-choi pinned this issue Sep 1, 2023
@sungik-choi sungik-choi changed the title Release v2.0.0 Bezier React v2 Sep 4, 2023
@sungik-choi sungik-choi changed the title Bezier React v2 Bezier React Next Nov 2, 2023
@sungik-choi sungik-choi changed the title Bezier React Next Bezier React next roadmap Nov 2, 2023
sungik-choi added a commit that referenced this issue Dec 13, 2023
<!--
  How to write a good PR title:
- Follow [the Conventional Commits
specification](https://www.conventionalcommits.org/en/v1.0.0/).
  - Give as much context as necessary and as little as possible
  - Prefix it with [WIP] while it’s a work in progress
-->

## Self Checklist

- [x] I wrote a PR title in **English** and added an appropriate
**label** to the PR.
- [x] I wrote the commit message in **English** and to follow [**the
Conventional Commits
specification**](https://www.conventionalcommits.org/en/v1.0.0/).
- [x] I [added the
**changeset**](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md)
about the changes that needed to be released. (or didn't have to)
- [x] I wrote or updated **documentation** related to the changes. (or
didn't have to)
- [x] I wrote or updated **tests** related to the changes. (or didn't
have to)
- [x] I tested the changes in various browsers. (or didn't have to)
  - Windows: Chrome, Edge, (Optional) Firefox
  - macOS: Chrome, Edge, Safari, (Optional) Firefox

## Summary
<!-- Please brief explanation of the changes made -->

지원중지된 `LegacySegementedControl` 컴포넌트를 제거합니다. 해당 컴포넌트에만 사용하고 있던 타입 및 유틸
함수를 함께 제거합니다.

## Details
<!-- Please elaborate description of the changes -->

- 채널 데스크 기준 사용처가 없으며, `SegmentedControl` 컴포넌트가 상위 호환으로서 완벽하게 대체가 가능한
컴포넌트이기때문에 제거합니다.
- 해당 컴포넌트에서 사용하고 있었던 타입 및 유틸 함수를 제거합니다. `ProgressBar` 에서 사용중이던 유틸은 적절한
다른 유틸 함수로 변경했습니다. 기존 동작과 100% 동일하지 않을 수 있으나, 문제 없을 것으로 판단됩니다.


### Breaking change? (Yes/No)
<!-- If Yes, please describe the impact and migration path for users -->

Yes. Changeset에 명시해두었습니다.

## References
<!-- Please list any other resources or points the reviewer should be
aware of -->

- #1578 (Remove some deprecated components)
@channel-io channel-io locked and limited conversation to collaborators Dec 15, 2023
@sungik-choi sungik-choi converted this issue into discussion #1805 Dec 15, 2023
@github-project-automation github-project-automation bot moved this from 🏃‍♀️ In progress to ✅ Done in Bezier React Dec 15, 2023
@sungik-choi sungik-choi unpinned this issue Dec 15, 2023

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
epic Issue consisting of multiple issues of the same purpose
Projects
No open projects
Archived in project
Development

No branches or pull requests

1 participant