react 基础语法复习1- 搭建开发环境

【react 基础语法复习1- 搭建开发环境】的更多相关文章

react 基础语法复习1- 搭建开发环境

之前有看过阮一峰老师的react教程跟着做了一遍,学习了一下.好久没看,有点忘记了,这次跟着脚手架工具系统的复习一遍.顺便学习学习 react-router 和 redux 首先,脚手架工具我使用的是create-react-app ,这个是官方出的,感觉比较靠谱.不过真实使用起来感觉比vue-cli复杂,webpack配置文件都在node_modules文件夹里面,找了好久,并且开发环境和生产环境有分开配置了. 全局安装脚手架工具 cnpm i -g create-react-app //…

react 基础语法复习2- react入门以及JSX

引入 react 以及 ReactDom import React from 'react'; import ReactDOM from 'react-dom'; 将react组件渲染到真实dom节点上 ReactDOM.render(<App />, document.getElementById('root')); 创建组件 JSX语法 // 三个 <p> 外面必须再包裹一层 <div> return ( <div> <p>段落1</p…

react 基础语法复习3- 数据传递 & 数据变化(props&&state)

react当中的数据传递是通过 props以及 state来实现的 props <Header name="kugeliu" /> Header组件当中有个name属性,那么在Header组件当中就可以通过 this.props.name 来获取到 “kugeliu” 这个数据了在react当中props一般用于父组件给子组件传递数据使用,一般不允许对它进行修改 state props是不能修改的,但是当我们需要修改数据的时候怎么办呢,这中可以修改的数据就用state…

一、React Native 搭建开发环境(1)(Mac OS - IOS项目)

React Native是Facebook推出的一个开发IOS和安卓APP的技术.至于更多的详情,这里不再描述,大家可以自行百度它的定义. 目的: 由于我想在一台电脑上同时开发IOS和Android两个APP,所以用的Mac. 这里就讲一讲我在搭建开发环境过程中遇到的坑,也为后面学习该技术的道友指一条坑少的路. 1.安装Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. 打开 mac os里的终端,直接复制粘贴以下命令,回车: /usr/…

React Native （0.57）开发环境搭建（注意：Node不要随便更新到最新版，更新完后莫名其妙的问题一大堆）

搭建开发环境一.安装依赖必须安装的依赖有:Node.Watchman 和 React Native 命令行工具以及 Xcode. 1.首先安装 Homebrew 2.安装 Node, Watchman brew install node 补充:Node.js是一个用Chrome's V8 JavaScript engine构建的 JavaScript 运行时框架.Node.js使用事件驱动.非阻塞式 I/O 模块使得它非常的轻量级和非常的高效.Node.js的生态系统 npm 是世界上最大的…

一、React Native 搭建开发环境(1)(Mac OS - IOS项目篇)

React Native是Facebook推出的一个开发IOS和安卓APP的技术.至于更多的详情,这里不再描述,大家可以自行百度它的定义. 原因:由于我想在一台电脑上同时开发IOS和Android两个APP,所以用的Mac. 这里就讲一讲我在搭建开发环境过程中遇到的坑,也为后面学习该技术的道友指一条坑少的路. 本文讲解的是,在Mac OS上,搭建IOS开发环境的步骤. Android篇,请移步:React Native 搭建开发环境(2)(Mac OS - Android项目篇) 1.安装Hom…