React 기술 스택 살펴보기

React의 경로를 선택하세요. React는 간단하고 사용하기 쉬우며 활발한 생태계와 끝없이 뛰어난 솔루션으로 팀을 발전시켰습니다. 우리는 지금까지 이 길을 탐색하고 배워왔습니다.

저는 거의 1년 동안 칼럼을 썼고, 24개의 기사와 공유를 축적했습니다. 응원해주신 친구들에게 정말 감사드립니다. 이번에 올해의 요약본을 출판하려고 하는데, 제목 그림의 책인 "In-Deep React Technology Stack"입니다.

React 실행의 선구자인 Guo Dafeng이 이 책의 서문을 쓰게 된 것은 행운입니다. 또한 이 책을 추천한 훌륭한 세 사람, Zhang Kejun, Cun Zhi 및 Ruan Yifeng이 있습니다. 물론, 각지의 전문가들도 있습니다. 바쁜 일정 속에서도 일부 친구들은 시간을 내어 검토하고 감사의 마음을 표했습니다.

이제 이 책의 출간 목적과 주요 내용, 후속작에 대해 말씀드리겠습니다.

이 책의 출판 목적

서문에서 발췌:

현재 국내외에서 이미 React 입문 도서가 일부 나와 있으며 대부분은 React
의 세계에 쉽게 입문할 수 있는 기본 개념을 소개합니다. 하지만 이 책은 기본 개념을 자세히 설명하는 것 외에도 React를 이해하는 것부터 그 원리를 익히는 것까지, Flux 애플리케이션 아키텍처의 아이디어를 탐구하는 것부터 Redux
애플리케이션 아키텍처를 마스터하는 것까지, 그리고 React의 원리를 익히는 데까지 도움을 줄 것입니다. React가 프론트엔드 세계에 가져오는 가치에 대해 생각해 보세요. React는 오늘날 하나의 아이디어이고, 이를 해석함으로써 독자들이 스스로 배울 수 있기를 바랍니다.

이 책의 내용 중 일부는 '칼럼' 기사에서 발췌하여 요약한 것입니다. 목차를 보면 해당 칼럼에 나온 장이 많지만 내용을 수정하여 정리한 것입니다. React와 그 기술 스택의 사용 및 원리를 체계적으로 설명하는 것을 목표로 맥락에 대한 심층적인 탐색이 필요한 많은 콘텐츠가 다시 작성되었습니다.

React, Flux, Redux는 그 자체로는 복잡하지 않습니다. 더 중요한 것은 작동 원리를 이해하고 직접 사용법을 배우는 것입니다. 그러므로 이 책은 예제를 이야기할 공간이 많지만 항상 이 기능의 유래나 원리, 그리고 그 이유를 먼저 설명하는 실무형과 다르다. 당연히 React를 배우든 아니든 언제든지 React에서 프로그래밍 아이디어를 배울 수 있습니다. 프론트엔드 초보자에게는 어느 정도의 학습 비용이 들겠지만, 그래도 처음부터 깊이 있게 읽을 수 있다고 생각합니다.

실행 가능한 프로젝트가 필요하다면 babel, webpack, eslint, karma 등과 같은 일련의 도구를 접하게 될 것입니다. 이는 초보자에게는 악몽입니다. Github에는 많은 스타터킷이 있으므로 구성에 시간을 낭비하지 마세요. 애플리케이션 개발에 깊이 들어가다 보면 점차 자연스럽게 이해하게 될 것입니다.

칼럼 내용의 개선 및 업그레이드

칼럼의 글은 친구들의 특별한 연구나 실천요약을 토대로 작성되었으며, 주제를 분산시켜 책에 담긴 내용을 꼼꼼히 정리하였습니다. Connected 새로 작성된 콘텐츠도 많습니다:

모든 측면에서 React의 기본 지식부터 고급 지식까지 모두가 설명하는 컴포넌트 간 통신, 컴포넌트 간 추상화, 성능 최적화 등이 설명되어 있습니다. 신경이 쓰인다. 특히 1장과 2장에서는 순수 지식 체계와 실무 내용을 포함하여 Tabs 컴포넌트 예제를 통해 몇 가지 컴포넌트화 방법을 설명합니다.

소스 코드 분석에 관한 장이 업그레이드되었습니다. 모든 예제는 React 15.0을 기반으로 작성되었으며 물론 책 전체도 마찬가지입니다. 이는 비교적 대규모 업데이트이므로 소스 코드에 관심이 있는 학생들은 주의 깊게 읽어볼 수 있습니다.

Flux와 Redux의 사용법을 완전한 예시와 함께 설명하고, 소스코드 수준까지 분석하여 독자들이 그 원리를 이해하고 실제로 사용할 수 있도록 돕습니다.

시각화와 결합된 React의 풍부한 사용 예, 특히 Recharts와 같은 시각적 라이브러리를 캡슐화하는 방법. 시각화는 프론트엔드 분야와 밀접한 관련이 있으며, 대부분의 원리는 이미지와 그래픽의 알고리즘에 있습니다. 프레임워크 수준에서는 이야기할 내용이 많지 않습니다.

FB는 검토 과정에서 React VR에 대한 정보를 발표했습니다. FB는 React를 풀엔드 인터페이스 라이브러리로 구축하고 싶어하는데 이는 우리에게 정말 큰 소식입니다.

후회와 생각

이 책의 출간은 칼럼의 '끝'이 아니라, 우리에게 있어 이전 상황을 요약한 것일 뿐입니다. 매일 프론트 엔드에는 끝없이 흥미로운 아이디어가 있고, 아직 탐험할 영역도 많습니다.

이 책은 현재 가장 대중적인 모바일 단말기에 대한 내용을 간략하게 다루고 있으며, 여전히 PC 단말기의 구성요소화를 기반으로 작성되었습니다. Simply React Native는 정규군입니다. 관심 있는 학생들은 RN에 관한 책을 읽고 진지하게 공부할 수 있습니다.

또한 집필 기간 동안 React 15의 마이너 버전은 여러 번의 마이너 버전 업그레이드가 있었고, Fiber 등의 대규모 업데이트도 있었습니다. 또한, 업데이트 내용은 칼럼으로 피드백될 예정입니다. 또한 독자들이 추론을 도출하고 본질을 배울 수 있기를 바랍니다.

Redux에 대해 할 얘기도 많고 관련 라이브러리도 많아 초보자에게는 학습에 어려움을 겪을 수밖에 없습니다. 또한 redux-sagas, redux-observable, Mobx 등과 같이 특별히 다루지 않은 인기 있는 라이브러리도 많이 있습니다.

이상은 React 기술 스택에 대한 심층적인 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!