基础笔记

引用自：
掘金

React 是一套可以用简洁的语法高效绘制 DOM 的框架

对前端的理解是这样的：

• 用 HTML 创建 DOM，构建整个网页的布局、结构
• 用 CSS 控制 DOM 的样式，比如字体、字号、颜色、居中等
• 用 JavaScript 接受用户事件，动态的操控 DOM

在 HTML 和 JavaScript 代码中，id 和 onclick 事件触发的函数必须完全对应，否则就无法正确的响应事件。如果想知道一个 HTML 标签会如何被响应，我们还得跑去 JavaScript 代码中查找，这种原始的配置发方法， 随着 FaceBook 推出了 React 框架，这个问题得到了大幅度改善。我们可以把一组相关的 HTML 标签，也就是 app 内的 UI 控件，封装进一个组件(Component)中。

import React from 'react';
import { Text, View } from 'react-native';

const YourApp = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>
        Hello world