반응 비계란 무엇입니까?

React 스캐폴딩에는 다음이 포함됩니다. 1. Next.js; 4. nwb; 6. Neutrino;

이 튜토리얼의 운영 환경: Windows 7 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

1. 스캐폴딩 이해하기

1.1. 프론트엔드 엔지니어링의 복잡성

몇 가지 작은 데모 프로그램만 개발한다면 몇 가지 복잡한 문제를 고려할 필요가 없습니다.

• 예를 들면 , 디렉토리 구조를 구성하고 나누는 방법

• 예를 들어, 파일 간의 상호 종속성을 관리하는 방법

• 예를 들어, 타사 모듈의 종속성을 관리하는 방법; 프로젝트를 출시하기 전에 압축하고 패키징하는 방법

• 잠깐...

• 최신 프런트 엔드 프로젝트는 점점 더 복잡해졌습니다.

더 이상 여러 CSS 파일, 여러 작성된 js를 도입하지 않습니다. 파일 또는 타사 js 파일을 HTML로 변환 매우 간단합니다.

• 예를 들어, CSS는 less 및 sass와 같은 전처리기를 사용하여 작성될 수 있으며, 브라우저에서 구문 분석하려면 이를 일반 CSS로 변환해야 합니다. 예를 들어 JavaScript 코드는 더 이상 몇 개의 파일로 작성되지 않고 모듈화를 통해 수백 또는 수천 개의 파일로 구성됩니다. 많은 타사 라이브러리에 의존하고 이를 더 잘 관리하는 방법(예: 종속성 관리, 버전 업그레이드 등)

• 위 문제를 해결하려면 몇 가지 도구를 더 배워야 합니다.

• 바벨, 웹팩, 꿀꺽꿀꺽. 변환 규칙, 패키징 종속성, 핫 업데이트 등을 구성합니다.

• 프로젝트를 시작하기 전에 일련의 엔지니어링 문제에 직면하게 됩니다.

스캐폴딩의 출현은 도움이 됩니다. 우리는 이 일련의 문제를 해결합니다.

1.2.
전통적인 비계는 건축의 구조를 의미합니다. 건물이나 건물을 지을 때 구축되는 임시 프레임입니다.

프로그래밍에서 언급되는 비계는 실제로 프로젝트의 엔지니어링 구조를 빠르게 생성하는 데 도움이 되는 도구입니다.

프로젝트마다 완성 효과가 다르지만 기본 엔지니어링 구조는 비슷합니다.

비슷하기 때문에 매번 할 필요는 없습니다. 모두 처음부터 만들어지고 몇 가지 도구를 사용할 수 있습니다. 기본 엔지니어링 템플릿을 생성하는 데 도움이 됩니다.

이 템플릿을 기반으로 다양한 프로젝트를 개발하거나 일부 구성을 간단히 수정할 수 있습니다.

• 이는 또한 프로젝트의 기본 구조적 일관성을 간접적으로 보장하고 나중에 용이하게 할 수 있습니다.

• 요약: 스캐폴딩은 구축부터 개발, 배포까지 프로젝트의 전체 과정을 빠르고 편리하게 만듭니다.

• 리액트의 스캐폴딩은 무엇인가요

• 1. React.docschina.org/docs/create-a-new-react-app.html)
  React에는 실제로 많은 스캐폴딩이 있으며, 그 중 공식적으로 권장되는 스캐폴드는 다음과 같습니다:

React 앱 만들기: If React를 배우거나 새로운 단일 페이지 애플리케이션을 만들고 있는 경우

Next.js: Node.js를 사용하여 서버 측 렌더링 웹 사이트를 구축하는 경우

Gatsby: 콘텐츠 지향 정적 웹 사이트를 구축하는 경우

• nwb: React 애플리케이션, 라이브러리 및 기타 웹 npm 모듈용 툴킷

• razzle: 구성 없이 서버 렌더링 생성 범용 JavaScript 애플리케이션

• Neutrino: 초기 구성 없이 최신 JavaScript 애플리케이션 생성 및 구축

• 2, 기타 스캐폴딩

• react-cli scaffolding

• Rekit scaffolding

[관련 권장 사항: Redis 비디오 튜토리얼

]

위 내용은 반응 비계란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!