on
ReactJS를 사용하는 10가지 유명한 앱
ReactJS를 사용하는 10가지 유명한 앱
반응형
2021년 3월 18일
8 분
요즘 ReactJS를 사용하는 10가지 유명한 앱
좋아하는 TV 프로그램을 시청하고 소셜 미디어를 검색하고 이메일을 확인하면서 매일 React 앱을 사용합니다. ReactJS로 앱을 구축한 유명 회사와 그 이유를 알아보세요.
소개
현실을 직시합시다. 디지털 세계는 우리가 말하는 동안 변화하고 있습니다. 이러한 현실에서 트렌드에 적응하기는 확실히 어렵습니다. 그러나 그것은 바로 업계의 거물들이 하고 있는 일입니다.
Facebook, Instagram, Netflix 등과 같은 주요 앱 은 지속적으로 경험을 개선하고 새로운 프레임워크와 트렌드에 적응하고 있습니다.
최근에 ReactJS 와 그 인상적인 기능에 대해 입소문을 내고 있습니다.
ReactJS의 잠재력에 대해 아직 들어보지 못한 경우를 대비하여 수많은 가능성이 있습니다. 기본적으로 React는 개발자들 사이에서 매우 인기가 있으며 NodeJS 및 기타 수많은 관련 JavaScript 프레임워크/도구와 마찬가지로 기술적인 장점을 최대한 활용하는 리소스가 많이 있습니다.
그 인기에 대한 증거는 ReactJS를 사용하는 앱에 의해 가장 잘 설명됩니다. 그리고 오늘, ReactJS를 기반으로 한 가장 인상적인 앱 목록을 보여드리겠습니다.
반응이란 무엇입니까?
긴 이야기를 짧게 줄이자면, React는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다 . 종종 도구, 프레임워크, 언어로 잘못 해석됩니다. React 개발자는 페이지를 다시 로드하지 않고도 시간이 지남에 따라 변경될 수 있는 데이터를 사용하는 대규모 웹 애플리케이션을 만들 수 있습니다. 주요 목표는 빠르고 간단하며 확장 가능한 것입니다. React는 애플리케이션( source )의 사용자 인터페이스만 처리합니다 .
그것은 단순히 JavaScript 런타임입니다. 컴퓨터에서 코드를 실행하는 가볍고 빠르고 현대적인 방법입니다.
인터넷 거물들이 ReactJS를 사용하는 이유는 무엇입니까?
#1 페이스북
부분적으로는 Facebook에서 ReactJS를 사용하고 있습니다 . 그들의 웹 페이지는 애플리케이션 코드에 혼합된 스크립트로 React로 구축되었습니다. 모바일 앱은 DOM 요소 대신 iOS 및 Android 기본 구성 요소 표시를 담당하지만 유사한 React Native라는 React 버전으로 빌드됩니다.
흥미롭게도 Facebook은 ReactJS 라이브러리가 처음 생성된 곳이므로 앱에서 이를 사용하는 것이 분명합니다. Facebook은 현재 React Fiber 라고 하는 완전히 재작성된 ReactJS의 베타 버전을 공개했습니다 .
#2 인스타그램
Instagram 내에서 ReactJS의 사용은 엄청납니다. 이에 대한 증거는 지리적 위치, Google Maps API, 검색 엔진 정확도 및 해시태그 없이 튀어나온 태그를 포함한 수많은 기능입니다. IT는 앱의 API에 모두 있으며 정말 인상적입니다.
Instagram은 완전히 ReactJS 라이브러리를 기반으로 하며 팬들이 놀라운 기능에 완전히 적응할 수 있도록 했습니다.
#3 넷플릭스
React 버전은 Netflix에서도 작동합니다. 특히 웹 브라우저에서 사용되는 DOM 대신 저성능 TV 기기에 사용되는 Gibbon이라는 플랫폼에서 작동합니다. Netflix는 ReactJS 라이브러리가 시작 속도, 런타임 성능, 모듈성 및 기타 다양한 이점에 어떻게 도움이 되는지 설명하는 공식 블로그 게시물을 게시 했습니다.
Netflix의 UI 엔지니어는 블로그 게시물에서 다음과 같이 말합니다.
React를 채택하기로 한 결정은 1) 시작 속도, 2) 런타임 성능, 3) 모듈성 등 여러 요인의 영향을 받았습니다.
#4 뉴욕 타임즈
몇 달 전, New York Times는 오스카 레드카펫에서 스타들의 다양한 모습을 시뮬레이션 하는 멋진 새 프로젝트 를 디자인했습니다 . 분명히 이 프로젝트의 인터페이스는 React로 구축되었으며 사용자가 19년 동안의 다양한 사진 갤러리를 멋진 방식으로 필터링할 수 있습니다. 이 프로젝트에서 다시 렌더링하는 것은 ReactJS에 감사할 수 있는 인상적인 기능 중 하나일 뿐입니다.
Justin Heideman은 NYTimes Open 에 대한 블로그 게시물 에서 다음과 같이 이러한 이유를 뒷받침 합니다.
앱 내에서 경량의 단일 책임 스토어를 만듭니다. Store는 특정 데이터 요청을 관리하는 역할을 합니다.
#5 야후! 우편
놀랍게도(아니면) Yahoo!의 메일 클라이언트도 React를 사용합니다. Facebook이 Yahoo!를 소유하고 있기 때문에! 오늘날에는 견고하고 통합된 아키텍처에 대한 아이디어가 있으며 이것이 React가 가능한 한 많은 부분에 통합된 이유입니다. React로 특별히 구축된 아키텍처는 여기에서 볼 수 있습니다. 그리고 Yahoo! 개발자들은 코드 작업이 더 쉽고 훨씬 더 낫다고 요약하고 있습니다.
Yahoo Mail 플랫폼에서 작업하는 엔지니어는 많은 업그레이드가 필요했습니다. Tumblr의 블로그 게시물에서 다음과 같이 말합니다.
차세대 야후 메일 플랫폼을 위해 우리는 다음을 원했습니다.
예측 가능한 흐름 ~ 쉬운 디버깅
독립적으로 배포 가능한 구성 요소
짧은 학습 곡선
대규모 플랫폼 라이브러리에 대한 의존성 없음
결국 우리는 다음과 같은 이유로 React JS와 Flux를 사용하기로 결정했습니다.
React는 단방향 반응 데이터 흐름을 구현합니다.
Virtual DOM은 클라이언트 및 서버 측 렌더링을 허용합니다.
자바스크립트의 코드
성장하고 활동적인 커뮤니티
#6 칸아카데미
Khan Academy의 많은 부분이 현재 React를 기반으로 합니다. 개발자 중 한 명인 Joel Burget 은 ReactJS 라이브러리에 대한 개인적인 경험 과 이전에 사용하던 기존 Backbone 스크립트 와 어떻게 다른지 공유했습니다 .
그는 분명히 그것을 가치 있는 업그레이드로 정의하고 효율적인 방식으로 변경되는 요소와 불필요한 재렌더링의 제거를 포함하여 대부분의 중요한 기능을 신중하게 검토합니다.
#7 왓츠앱
공식적으로 출시되기 전에 여러 베타가 있었지만 WhatsApp은 가장 효율적인 엔진으로 Underscore.js 및 Velocity.js를 사용하는 것처럼 Facebook에서 사용자 인터페이스를 구축하기 위해 ReactJS 를 사용합니다.
최근에는 완전히 새로운 WhatsApp 웹 앱도 위에서 언급한 Facebook 웹 경험과 마찬가지로 React를 사용하고 있습니다.
#8 비발디 브라우저
인기 있는 비발디 브라우저 이면 의 기술 중 하나는 ReactJS 라이브러리입니다. 이 브라우저에서 사용하는 엔진은 'Blink'라는 이름으로 HTML5, ReactJS, JS, CSS3 및 기타 여러 엔진을 기반으로 구축된 Google의 Chrome과 거의 동일합니다.
#9 코드아카데미
2014년 8월 현재 Codecademy는 Facebook의 라이브러리를 완전히 통합하기로 결정했습니다. ReactJS는 분명히 그 일부였으며 여전히 앱을 기반으로 하는 주요 스크립트 중 하나입니다.
헤더에서 메뉴 및 탐색까지 ReactJS 사용은 Codeacademy 에 모두 있으며 다양한 부분에 대한 모든 구성 요소를 포장하는 논리적 솔루션으로 생성되었습니다.
Codeacademy의 모든 사람에 따르면 그들이 높이 평가하는 React의 일부 측면에는 스크립트가 전투 테스트 를 거쳤고 생각하기 쉽고 SEO가 쉽고 레거시 코드와 호환되며 미래를 위해 충분히 유연하다는 사실이 포함됩니다 .
또한 커뮤니티 구축을 자극하고 상용구에 대해 걱정하지 않아도 됩니다.
InfoQ 의 블로그 게시물에서 다음과 같이 말합니다 .
React는 JavaScript로 사용자 인터페이스를 구축하기 위한 가볍고 강력하며 전투 테스트를 거친 라이브러리입니다. 이것은 완전한 프레임워크가 아니라 프론트엔드 개발에 접근하는 방식을 바꿀 수 있는 강력한 도구입니다. 우리는 그것이 우리의 프론트엔드 개발에 매우 유용한 도구라는 것을 알게 되었고 우리의 선택에 매우 만족합니다.
#10 드롭박스
Dropbox는 1년 전에 ReactJS로 전환했습니다 . React가 앱 개발자들 사이에서 매우 인기를 끌던 바로 그 때.
이 프레임워크의 일부인 과다한 리소스는 Dropbox에서도 효율적으로 활용되어 이 놀라운 클라우드 기반 스토리지 서비스 및 온라인 백업 솔루션의 성공에 크게 기여하고 있습니다.
마지막 단어
결국 위험 감소, ReactJS 개발 효율성, 효율성 개선 및 수많은 조직적 이점이 모두 앱의 유명 인사들이 ReactJS로 업그레이드하고 이 스크립트가 제공하는 놀라운 이점을 활용하는 이유였습니다.
모든 프레임워크 업그레이드에는 시간과 비용이 들지만 웹이든 모바일 앱이든 완벽한 사용자 경험을 만드는 데는 그만한 가치가 있습니다.
출처 : https://brainhub.eu/library/famous-apps-using-reactjs/
반응형
from http://vshop.tistory.com/321 by ccl(A) rewrite - 2021-11-08 14:00:22