"React 중국어 참조 매뉴얼"에서 React는 사용자 인터페이스를 구축하는 데 사용되는 JAVASCRIPT 라이브러리입니다. React는 주로 UI를 구축하는 데 사용됩니다. 많은 사람들이 React를 MVC의 V(뷰)로 생각합니다. React는 인스타그램 웹사이트를 구축하기 위한 Facebook 내부 프로젝트로 시작되었으며 2013년 5월에 오픈 소스로 공개되었습니다. React는 높은 성능과 매우 간단한 코드 로직을 가지고 있으며 점점 더 많은 사람들이 이에 주목하고 사용하기 시작했습니다.
React(React.js 또는 ReactJS라고도 함)는 데이터에 대한 HTML 보기를 제공하는 오픈 소스 JavaScript 라이브러리입니다. React 뷰는 일반적으로 사용자 정의 HTML 마크업에 지정된 다른 구성 요소를 포함하는 구성 요소를 사용하여 렌더링됩니다.
React는 프로그래머에게 하위 구성 요소가 외부 구성 요소에 직접 영향을 미칠 수 없는 모델("데이터 흐름"), 데이터 변경 시 HTML 문서에 대한 효율적인 업데이트, 최신 단일 페이지 애플리케이션의 구성 요소 간의 깔끔한 분리를 제공합니다.
React는 Facebook의 소프트웨어 엔지니어인 Jordan Walke가 만들었습니다. 이는 PHP의 HTML 컴포넌트 프레임워크인 XHP의 영향을 받았습니다. 이 프레임워크는 2011년 Facebook의 뉴스피드에 처음 배포된 후 2012년 Instagram에 배포되었습니다. 2013년 5월 JSConf US에서 오픈소스로 공개되었습니다.
팁: React를 배우기 전에 HTML5, CSS, JavaScript에 대한 기본 지식이 필요합니다.
최초의 리액트 인스턴스를 경험해보자!
첫 번째 React 인스턴스
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
</body>
</html>Run 인스턴스»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
React의 디자인 아이디어는 매우 독특하고 혁명적인 혁신입니다. 뛰어난 성능을 가지고 있으며 코드 로직은 매우 간단합니다. 따라서 앞으로 웹 개발의 주류 도구가 될 수 있다고 생각하면서 점점 더 많은 사람들이 관심을 갖고 사용하기 시작하고 있습니다.
팁: 저희 React 튜토리얼은 React를 단계별로 마스터하고 적용하는 방법을 배우는 데 도움이 됩니다. 질문이 있는 경우 PHP 중국어 웹사이트 React Community로 이동하여 질문하세요. 열성적인 네티즌들이 답변해 드릴 것입니다. 당신을 위해 대답해 주세요.
React의 특징:
선언적 디자인: React는 선언적 패러다임을 채택하여 애플리케이션을 쉽게 설명할 수 있습니다.
효율성: React는 DOM을 시뮬레이션하여 DOM과의 상호 작용을 최소화합니다.
유연성: React는 알려진 라이브러리나 프레임워크와 잘 작동합니다.
이 React 튜토리얼 매뉴얼에서 다루는 내용
이 React 튜토리얼 매뉴얼은 React 설치, React 요소 렌더링, React JSX, React 구성 요소, React Props, React AJAX, React 실무 처리 등 React의 모든 기본 사용 방법을 다룹니다. .
팁: 이 튜토리얼의 각 장에는 많은 React 예제가 포함되어 있습니다. "예제 실행" 버튼을 직접 클릭하면 결과를 온라인으로 볼 수 있습니다. 이 예제는 React를 더 잘 이해하고 사용하는 데 도움이 될 것입니다.
최신 장
- React Refs 2016-10-19
- React 表单与事件 2016-10-19
- React AJAX 2016-10-19
- React 组件生命周期 2016-10-19
- React 组件 API 2016-10-19
- React Props 2016-10-19
- React State(状态) 2016-10-19
- React 组件 2016-10-19
관련 강좌
- 웹 프론트 엔드 개발에 대한 빠른 소개 2021-12-10
- 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 2022-09-30
- Gulp 시작하기 비디오 튜토리얼 2022-04-18
- 전우 Gao Luofeng CSS3 비디오 튜토리얼 2022-04-20
- AngularJS 개발 웹 애플리케이션 기본 예제 비디오 튜토리얼 2022-04-18
- Ajax 전체 접촉 2022-04-13
- MUI 프레임워크 기본 비디오 튜토리얼 2022-04-13
- 온라인 교육 수업 체험 수업 2019-01-10