# 마이크로소프트가 Edge 브라우저에서 React를 제거하는 이유

> Clean Markdown view of GeekNews topic #15455. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=15455](https://news.hada.io/topic?id=15455)
- GeekNews Markdown: [https://news.hada.io/topic/15455.md](https://news.hada.io/topic/15455.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2024-06-21T10:51:40+09:00
- Updated: 2024-06-21T10:51:40+09:00
- Original source: [javascript.plainenglish.io](https://javascript.plainenglish.io/microsoft-is-ditching-react-f8b952b92b9b)
- Points: 8
- Comments: 4

## Summary

마이크로소프트가 Edge 브라우저의 성능을 개선하기 위해 React 사용을 중단하고 새로운 WebUI 2.0 아키텍처를 도입. 이는 모듈성 문제, 클라이언트 사이드 렌더링으로 인한 속도 저하, 번들 크기 증가 등의 문제를 해결하기 위한 조치. React 대신 새로운 솔루션을 통해 더 빠르고 효율적인 브라우저 경험을 제공할 예정. React가 문제가 아니에요. Microsoft가 잘 못 구현한게 문제.

## Topic Body

- 마이크로소프트가 최근 Edge 브라우저의 성능 개선을 위해 React 사용을 중단한다고 발표함  
- Edge 브라우저는 구글의 오픈소스 프로젝트인 Chromium 기반으로 만들어짐  
  - Edge의 UI 차별화를 위해 자체 컴포넌트를 React로 개발함  
  - 메뉴, 드롭다운 등 작은 컴포넌트들을 React로 만들어 조합하는 방식 사용  
#### 문제점  
1. 모듈성 문제  
   - 여러 팀이 공통 번들과 파일을 공유하면서 불필요한 의존성 발생  
   - 한 UI 부분의 속도 저하가 다른 부분에도 영향을 미침  
2. 클라이언트 사이드 렌더링  
   - JavaScript를 사용한 클라이언트 렌더링 방식으로 인한 속도 저하  
3. 번들 크기 증가  
   - 여러 컴포넌트가 불필요하게 큰 공통 번들을 공유하게 됨  
#### 해결책  
  
- WebUI 2.0이라는 새로운 마크업 우선 아키텍처 개발  
- JavaScript 코드와 번들 크기를 최소화하는 방식   
- React 대신 이 새로운 아키텍처 적용 예정  
  
#### 결론  
  
- React 자체의 문제라기보다는 마이크로소프트의 잘못된 구현이 원인  
- React는 느리지 않지만, 여러 인스턴스를 생성할 때는 빠르기를 기대할 수 없음  
- 하지만 마이크로소프트는 React 대신 자체 솔루션 개발을 선택함

## Comments



### Comment 26523

- Author: bichi
- Created: 2024-06-24T09:38:22+09:00
- Points: 1

리엑트가 대부분 경우 느리지 않죠 ㅋㅋㅋ

### Comment 26474

- Author: devjeonghwan
- Created: 2024-06-22T02:09:00+09:00
- Points: 1

원문에도 React 자체가 느리지 않다고 되어있나요?

### Comment 26475

- Author: savvykang
- Created: 2024-06-22T04:13:19+09:00
- Points: 1
- Parent comment: 26474
- Depth: 1

> React isn’t slow. But you cannot expect it to be blazing fast when you create dozens of instances.  
  
네

### Comment 26458

- Author: brainer
- Created: 2024-06-21T12:34:03+09:00
- Points: 2

다른 MS 프로그램은 PWA로 변하는 기이한 상황이네요..