zoukankan      html  css  js  c++  java
  • React入门

    一.react是什么?

     React是一个技术的生态圈,包含reactjs(网页开发)、reactNative(原生开发)、reactVR(虚拟现实)、redux(和vuex有着相似的理念)

      (1)什么是reactjs?

        reactjs是一个为数据渲染视图的开源的js库,是由facebook、instrgram、开源社区共同维护的一个项目

    (2)react 包含的各种概念:

    • 组件 (react核心思想:封装组件)
    • JSX
    • Virtual DOM(虚拟DOM输)
    • Data Flow(单向数据流)

    (3)什么时候用?DOM 操作比较频繁的时候

    二.如何使用React?

     (1)方式1:引入对应的JS文件(注意引入文件的先后顺序)

     

    文件目录结构:js文件和demo01.html在同一层级

          

    (2)方式2:React脚手架

    直接依次输入命令:

            

    npx create-react-app my-app
    cd my-app
    npm start

     

    出现下图效果说明脚手架已经搭建成功啦

    (PS:详细脚手架搭建步骤可以参考大佬的博客:https://www.cnblogs.com/cina33blogs/p/9115215.html)

     个人建议:刚开始学react时可以先引入js文件即方式1,学到后期做项目时再搭建脚手架即方式2

    三.React基本语法

    官网标语----->slogan:Learn Once, Write Anywhere

    组件:组件是可被反复使用的,带有特定功能的视图

    核心思想:everything is component

    核心概念:
    jsx
    component
    props
    state
    ref

    今天先介绍到这里,明天接着学习.....

  • 相关阅读:
    iOS 里面 NSTimer 防止 循环引用
    [leetcode 34] search for a range
    [leetcode 37]sudoku solver
    [leetcode 36] valid sudoku
    [leetcode 48] rotate image
    [leetcode 35] Search Insert Position
    [leetcode 27]Implement strStr()
    [leetcode 26] Remove Duplicates from Sorted Array
    [leetcode 25]Reverse Nodes in k-Group
    [leetcode 24] Swap Nodes in k-Group
  • 原文地址:https://www.cnblogs.com/yjiangling/p/10181366.html
Copyright © 2011-2022 走看看