话说前端63-初识recat

话说后端63-贝唐recat

01:58源自LearningYard辅仁

撷取浓厚兴趣，散播欢乐，快速增长所见所闻，遗留下幸福！

亲爱的您，这儿是Learning Yard辅仁。

那时大亭为我们增添话说后端63-贝唐recat，结语的出访！

Share interest，spread happiness ，

increase knowledge and leave beautiful.

Dear you，this is the Learing Yard Academy!

Today, Dating will brings you

“two eight Principles”，

Welcome your visit!

react是什么：React是用于构建用户界面的JavaScript库，起源于Facebook的内部项目。由于 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开

What is react: React is a JavaScript library for building user interfaces, which originated from an internal project of Facebook. Because the design idea of React is extremely unique, it is a revolutionary innovation with outstanding performance, but the code logic is very simple. Therefore, more and more people begin to pay attention to and use it, thinking that it may be the mainstream tool for Web development in the future.

使用react的好处：声明式设计：React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。组件化: 构建管理自身状态的封装组件，然后对其组合以构成复杂的 UI。高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。灵活：无论你现在使用什么技术栈，在无需重写现有代码的前提下，通过引入 React 来开发新功能。

Benefits of using react: declarative design: React makes it easy to create interactive UI. Design a concise view for each state of your application. When the data changes, React can efficiently update and render the appropriate components. Componentization: build encapsulated components that manage their own state, and then combine them to form a complex UI. Efficient: React minimizes the interaction with DOM by simulating DOM. Flexibility: No matter what technology stack you are using now, you can develop new functions by introducing React without rewriting the existing code.

基础知识：es6语法 this的指向面向对象【原型、原型链、class类、继承】模块化柯里化函数 ….

JavaScript库：react.js：React核心库

react-dom.js：提供操作DOM的react扩展库

babel.min.js：解析JSX语法代码转为JS代码的库

Basic knowledge: the point of es6 grammar this is object-oriented [prototype, prototype chain, class class, inheritance] modular Corification function. ….

JavaScript library: react.js：React core library

React-dom.js: provides a react extension library for manipulating DOM.

Babel.min.js: a library for parsing JSX syntax code and converting it into JS code.

JSX语法：JSX全称: JavaScript XML，JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使用JSX来描述用户界面。

版本问题：目前先使用18前的版本，因为18以后的版本语法有些不同，比如：

JSX syntax: JSX full name: JavaScript XML, JSX is a syntax extension of JavaScript, which is used in the React architecture. Its format is more like a template language, but in fact it is completely implemented within JavaScript. Element is the smallest unit that constitutes a React application, JSX is used to declare the elements in React, and React uses JSX to describe the user interface.

Version problem: at present, the version before 18 is used first, because the syntax of the version after 18 is somewhat different, such as: