JavaAlliance

create-react-app是一个react工程脚手架，可快速构建一个react应用。内置webpack、babel、es6等特性，开发者无需关注配置，关注业务模块的开发即可环境：nodejs环境步骤：第一步：打开cmd命令行窗口，输入npm -version,查看当前的npm版本第二步：如果npm版本是5.2以上版本，在cmd中输入 npx create-react-app ......

什么是 React ?React是一个声明式的，高效的，并且灵活的用于构建用户界面的 JavaScript 库一个最简单的React例子ReactDom.render( <h1>Hello World</h1>, //要插入到结点中的内容 document.getElementById('root') //获取id为root的节点)React......

版本声明本文使用版本 React v16.2.0列表 和 键列表(List)， 键(Key)  回顾一下在javascript中如何转换列表：在数组中使用map()函数对numbers数组中的每个元素依次执操作const numbers = [1, 2, 3, 4, 5];const doubled = numbers.map((number) => number * 2);c......

在React中使用react-router-dom路由前言使用React构建的单页面应用，要想实现页面间的跳转，首先想到的就是使用路由。在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。一、安装react-router-dom首先进入项目目录，使用npm安装react-ro...

前言记得开始接触 react 技术栈的时候，最难理解的地方就是 redux。全是新名词：reducer、store、dispatch、middleware 等等，我就理解 state 一个名词。网上找的 redux 文章，要不有一本书的厚度，要不很玄乎，晦涩难懂，越看越觉得难，越看越怕，信心都没有了！花了很长时间熟悉 redux，慢慢的发现它其实真的很简单。本章不会把 redux 的各种概念......

一、创建Dva工程我们前两篇都是用create-react-app创建工程的，但是它只能创建一个最基本的空程序。在前两篇中，我们自己用npm装上了router，redux等依赖包，并自己手动写了很多操作。Dva将上述一切进行了简化，它是一个封装好很多模块的框架，并且拥有自己的脚手架。用Dva创建的工程，从目录结构起就非常清晰。（虽然框架这种东西可以简化很多操作，但在使用框架前还是不能忘记本源，...

一. 一些基本概念关于Node。Node.js 是一个JavaScript 的运行环境，可以让JavaScript运行在服务端。 Node让JS也可以写网站后台程序，可以搭建WEB服务器。（上面是我胡说的我其实并不知道它是怎么回事。）关于ES6。ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。React默认把ES6做为首选标准，其写法可能同以往不太一样。...

一、React-Router配置路由在实际应用中，我们不可能只有一页页面，切换页面需要通过Router配置，这样输入不同的url就能看到不同的页，或者点击不同的按钮可以在下方加载不同的组件。（说明：这里补充一下组件的概念，其实其本质就是一个类。在页面中我们可以把页面分为导航区，侧边栏，工作区等不同区域，每个区域都是一个组件，组件中还可以继续细分为其他组件。想象在创建页面的时候把不同的组件拿来组...

dva中我们可以在 Model 中实现事件监听， model 中的 subscriptions 相当于一个监听器，可以监听路由变化，鼠标，键盘变化，服务器连接变化，状态变化等，这样在其中就可以根据不同的变化做出相应的处理，在这个 subsriptions 中的方法名是随意定的，每次变化都会一次去调用里面的所有方法，所以一般会加相应的判断。通过 在model 中添加一个 subscriptions......