React는 진보적인 프레임워크인가요?

react는 진보적인 프레임워크입니다. React는 사용자 인터페이스를 구축하는 데 사용되는 JavaScript 라이브러리입니다. 일반적으로 React 프레임워크는 React, "react-router" 및 "react-redux"의 조합을 의미합니다. 선언적 코딩 UI를 사용하면 대화형 UI를 쉽게 구현할 수 있어 코드를 더욱 실행 가능하고 디버깅하기 편리하게 만들 수 있습니다.

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

react는 진보적인 프레임워크입니다.

React란 무엇입니까

공식: 사용자 인터페이스 구축을 위한 JavaScript 라이브러리.

그래서 React는 프레임워크가 아니라 프런트엔드 데이터 렌더링을 위한 라이브러리입니다.

사람들이 자주 언급하는 React 프레임워크는 React+React-Router+React-Redux의 조합을 의미합니다.

React 프레임워크는 진보적입니다.

React는 Facebook의 내부 프로젝트로 시작되었으며 원래 Instagram을 구축하는 데 사용되었으며 나중에 2013년 5월에 오픈 소스로 공개되었습니다.

React의 특징

고성능: Virtual DOM(Virtual DOM)은 diff 알고리즘과 협력하여 DOM과의 상호 작용을 최소화합니다.

선언적: React는 대화형 UI를 쉽게 구현할 수 있는 선언적 코딩 UI를 채택하여 코드를 디버깅에 더 적합하고 편리하게 만듭니다.

컴포넌트화: React를 통해 컴포넌트를 구축하면 코드를 더 쉽게 재사용하고 대규모 프로젝트 개발에 효율적으로 적용할 수 있습니다.

단방향 응답 데이터 흐름: React의 데이터는 한 방향으로 위에서 아래로 전달됩니다. 상위 구성 요소 데이터에 대한 업데이트는 자동으로 하위 구성 요소에 전달되지만 하위 구성 요소에 대한 데이터 업데이트는 상위 구성 요소에 영향을 미치지 않으며 수정할 수 없습니다. 하위 구성 요소의 상위 구성 요소에 전달된 데이터

JSX 확장: JSX는 JavaScript 구문의 확장입니다. React 개발이 반드시 JSX를 사용하는 것은 아니지만, 공식 홈페이지에서는 사용을 권장하고 있습니다.

유연함: React는 알려진 라이브러리나 프레임워크와 잘 작동할 수 있습니다.

확장된 지식:

스캐폴딩의 전역 설치

$ npm i -g create-react-app

스캐폴딩을 기반으로 엔지니어링 프로젝트를 빠르게 구축

$ create-react-app xxx项目名称

프로젝트 실행 명령(package.json)

$ yarn start //=>开发环境下启动项目（默认会基于webpack-dev-server创建一个服务，用来随时编译和翻译开发的内容）
$ yarn build //=>生产环境下，把编写的内容打包编译，放到build文件目录下（服务器部署）
$ yarn eject //=>把所有隐藏在node_models 中的webpack中的配置项都暴露出来（方便自己根据项目需求，二次更改webpack配置）

[관련 권장 사항: javascript 비디오 튜토리얼, 웹 프론트엔드】

위 내용은 React는 진보적인 프레임워크인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!