마이크로 프론트 엔드

얼마 전의 임의의 하루 전, 나는“마이크로 프론트 엔드”에 대한 농담으로 농담을 듣기 시작했습니다. 캠 잭슨 (Cam Jackson) 의이 기사를 밝혀 냈던 소스를 묻기 전까지는 소스를 이해하지 못했습니다.

이 기사에서 우리는 최근 프론트 엔드 모놀리스를 많은 작고 더 관리하기 쉬운 작품으로 분류하는 경향 과이 아키텍처가 프론트 엔드 코드에서 작업하는 팀의 효과와 효율성을 향상시킬 수있는 방법을 설명합니다.

나는 그것이 "프론트 엔드 모놀리스"와 "프론트 엔드 코드"를 읽어야한다고 주장하지만 이미 멍청합니다.

이 아이디어는 마이크로 서비스와 유사하지만 프론트 엔드와 비슷합니다. 따라서 하나의 큰 프론트 엔드 아키텍처 (예 : React App) 대신 프론트 엔드의 다른 부분이 서로 독립적으로 개발되며 서로에 대한 의존성이 없으며 독립적으로 작업하고 배포 할 수 있습니다.

그것은 그것이 미래에 대한 흥미로운 예언인지, 소수의 대규모 조직이나 이론적 옵션을 위해 일하는 틈새 건축 선택 일 뿐이라고 말할 수없는 것들 중 하나입니다.

내 마음이 가장 먼저가는 곳은 일관성과 건조입니다. 내가 일한 곳마다, 이런 것들은 큰 문제이며, 업계가 기술 부채의 삽으로 반복되지 않고 일관되고 일관되고 응집력이있는 운송 설계에 대한 끝없는 프론트 엔드 문제가있는 것처럼 보입니다. 독립 프론트 엔드는 팀 B가 직접 관련이없는 것에 대해 팀 B가 차단되면 문제가 될 수 있지만 팀 B의 출력 문제가 팀 A의 출력과의 불일치에 대한 문제를 소개합니다.

이 기사 자체는 다른 독립 제품/팀이 다루는 세 가지 모두와 함께 탐색/검색 방문 페이지, 세부 사항/주문 페이지 및 프로필 페이지에 대해 이야기합니다. 그것은 나에게 시원하고 흥미로운 소리를냅니다. 또한 그 팀이 직장에서 서로 바로 옆에 앉아 더 나은 것처럼 들립니다. 그렇지 않으면이 앱은 2 주 만에 프랑켄슈타인의 괴물의 길을 가고 있습니다. 스타일링은“I Dunno, 잘 했어요”라는 분위기로 가볍게 다루어집니다. 팀은 모두 같은 제품에있을 때 어려움을 겪고 있으므로 여기서 큰 우려가 있습니다. 이것이 심각하게 논의되고 있다면 내가 해결하려는 첫 번째 것은 모든 것을 초월하고 모든 사람이 실패하지 않고 사용하는 설계 시스템이 될 것입니다.

그리고 마이크로 프론트 엔드가 같은 페이지에서 공존한다면 어떨까요? 이 기사는

다른 통합 옵션… 자체 번들이나 기본 웹 구성 요소로 분리하는 것이 조금 더 좋게 들립니다. 그러나 Vuew 구성 요소와 동일한 페이지에서 RECT 구성 요소가 비틀 수있는 SELED 개발에 대한 아이디어는 매우 구체적인 조직 문제에 대한 큰 사용자 페널티처럼 보입니다. 코드베이스에 대한 공유 이해의 이점과 소규모 도구 세트에 대한 더 깊은 기술적 이해의 이점을 잃어버린 것은 말할 것도 없습니다.

나는 아마도이 모든 것을 공정하게 특성화하지 않을 것입니다. 특히 아이디어가 나에게 새롭고 이전에 이런 일을 한 적이 없기 때문입니다.

Nader Dabit에는 후속 기사가 있습니다 : React, Vue 및 Single-Spa를 통한 마이크로 프론트 렌드 구축. 그냥 오해하지 않습니다. 아이디어는 실제로 당신이 React 앱을 만들 수 있고 Vue 앱을 만들고 같은 페이지에서 함께 쳐다 볼 것입니다. 나는 우리가 같은 페이지에서 여러 버전의 jQuery를 사용한 사이트를 발견했을 때 우리가 웃었던 시대와 우연히 그곳에 던져진 모든 mootools와 프로토 타입을로드 한 한 가지를 발견했을 때 분명히 웃었습니다. 우리는 그것이 JavaScript로 가득 찬 버킷이기 때문에 승리했습니다. 대부분 이유없이 복제되어 버그를 일으키고 페이지를 늦추 었습니다. 이것은 그다지 다르게 보이지 않습니다.

Joel Denning 은이 주제에 대해 AMA를 지적합니다.

나는 우리가 아이디어의“면밀한 검사”단계에 있다고 지적하고 있습니다. 합법적 인 후에도 아이디어가 여전히 실패한다는 긴밀한 조사를 한 후에는 전적으로 가능합니다. 그러나 말하기에는 너무 이르다.

충분히 공정합니다.

쌓는 것에 대해 죄송합니다. ?

pic.twitter.com/mhlu0it5dr

- Chris Coyier (@chriscoyier) 2019 년 6 월 20 일

위 내용은 마이크로 프론트 엔드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!