http://www.ruanyifeng.com/blog/2015/03/react (阮一峰 react 学习) 1.搭建环境:npm 使用 React npm install -g cnpm --registry=https://registry.npm.taobao.org $ cnpm install -g create-react-app --全局安装create-react-app模块 $ create-react-app my-app $ cd my-app/ --"my-ap…

托webpack的福,我终于可以开始写React了.==ORZ 我感觉我接近webpack工程师更进一步了哈哈哈. 以下所有内容均来自小红书,仅是我的个人记录,如想系统学习,请移步:React小书 : http://huziketang.com/books/react/lesson1 超级推荐+收藏文档:React小书 : http://huziketang.com/books/react/lesson1 参考文档: 1.React官网 2.react组件生命周期 特别注意(不定时更新,越往上越…

半路出家直接上手React,其实有点吃力,所以开始研究create-react-app,从这里下手吧. create-react-app 官方网站:https://github.com/facebookincubator/create-react-app 然后下面有教程,但是js水平还停留在只会用用jquery的我,完全看不懂这是个什么鬼,什么是npm?. 所以呢,我有抽空看了一下node.js的基础,算是扫扫盲. 这里是菜鸟教程:http://www.runoob.com/nodejs/nod…

一.React是什么 声明式写法(强调结果,命令式编程强调过程) 组件化 一次学习,随处编写(多种应用场景,web程序,原生手机应用,系统应用,命令行工具) 二.为什么学习react 大公司加持-facebook 最流行,使用人数最多,被开发者喜爱 简单易懂 三.配置开发环境 官方脚手架工具Creat-react-app,类似vue-cli 脚手架工具:是命令行工具.提供一系列和这个框架有关的功能,比如本地启开发服务器.静态验证代码格式.运行单元测试.构建生产环境的代码 需要安装node和npm…

react的状态state React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM) class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } componentDidMount() { this.timerID = setInterval( () => this.tick(), 1000…

JSX 在render中return标签的部分可以插入字符串,数字,数组 class Welcome extends React.Component { render(){ return ( <div> <h1>welcome to react</h1> {'string'}<br /> {123}<br /> {[1,2,3,4]} </div> )} } 显示效果如下: 列表渲染 class Welcome extends Rea…

1.  脚手架搭建项目  create-react-app https://www.jianshu.com/p/d196761c8332 2. UI框架 https://ant.design/docs/react/use-with-create-react-app-cn 3.高级配置  重新配置 https://ant.design/docs/react/use-with-create-react-app-cn#%E9%AB%98%E7%BA%A7%E9%85%8D%E7%BD%AE 4.豆瓣A…

环境基本弄清楚了以后,开始总会写个hello world什么的,开发做了这么久了,就跳过这一步吧. 还是从打开vscode说起吧,这里文件菜单打开一个文件夹Demos,查看菜单打开集成终端,也可以使用快捷键ctrl+~ 1.提示没有package.json 先运行:npm init 这个命令用于创建项目时自动生成一个至关重要的配置文件package.json 2.提示没有repository配置,没有README等 打开package.json文件 { "name": "de…

相关技术:webpack+react+react-router+redux+immutable 郭永峰react学习指南 1.git bash--windows命令行工具 --教程 下载地址 2. immutable immutable的基础操作    中文基础操作文章 2.1 es6运行编译环境搭建 3. js创建对象的几种方法 4.阮一峰全栈开发教程 5.react--api 6.redux-ruanyifeng  redux文档 疑问点: 关于react-router中props传递的问题…

前言 由于要学习React Native ,所以得用到ES6,故为运用React Native做一个铺垫 学习记录 一.变量 1.let let 与 var 作用相同,用于定义变量,但是作用域不同.不在指定的{}中定义,值就获取不到(undefined). let不存在变量提升 不受全局变量影响 存在“暂时性死区”,从定义的地方开始,才可以用.声明前的地方都是死区,报错ReferenceError 2.const 定义常量 初始化时就必须赋值 二.变量的解构赋值 1.数组的解构赋值 eg. le…