此版本轮播图为仿照网易云音乐PC播放器上首页的轮播。 网易的轮播特殊的地方就在于，如果你滑动不相邻的两张图片，其过渡效果并不是滑动过渡，而是一个跳出过渡，此方面原理与最开始设计轮播排版时候有极大关联。 此轮播为纯react环境下的es6写法，通过对state中数组的重组排列，配…

由于js的特性（对象在内存中的存储），如果传递的是一个对象，尽量提前声明一个索引指向该对象，避免每次render都重新在内存中生成一个新的对象。 当父组件发生了render，子组件都会重新渲染。很多时候子组件并没有发生任何改变，它接收到父组件传给它的props并没有发生变化，自…

随着React应用程序复杂度的增长，components、state 、props的复杂性也变得越来越高。上个月，一些开发人员和我对于这个问题建立了解决方案。我们决定开发Chrome的插件React Scope，它提供了开发人员的React应用程序组件的分层树视图。 React…

接着上一节内容，这一节抓取QQ音乐移动Web端推荐页面接口和PC端最新专辑接口数据。通过这些接口数据开发推荐页面。首先看一下效果图 用chrome浏览器打开手机调试模式，输入QQ音乐移动端地址：https://m.y.qq.com。打开后点击Network，然后点击XHR，可以…

本项目使用react全家桶打造，技术综合性比较高。很多东西不会从基础讲解 使用create-react-app创建项目基本骨架，然后安装路由（由于4.x的版本路由变化比较大。路由安装react-router-dom 4.2.2的版本即可） 在react脚手架中webpack基本…

项目开始前，我们先聊一聊关于项目的一些说明。该项目起始于2017年初，当时公司主要技术栈为gulp+angular，鉴于react的火热的生态，在公司决定研发bss管理系统时选用react开发，目的也是为react native打下基础，以解决后期公司大前端技术栈的逐步成熟。（…

能够按照构建的方式来思考web app的实现，是React众多优点之一。在这篇文章中，我们将引导你进行使用React构建可搜索产品数据表的思考过程。 想象一下，我们已经有了一个JSON API和来自设计师的设计稿。如下图所示： 我们要做的第一件事就是给设计稿中的每个组件（和子组…

颜色可以随意设置。如果使用普通图片，图片颜色已经是设计好的，如果要换颜色需要借助工具来对图片进行修改 制作字体图片首先我们需要svg图片。svg图片可以从iconfont阿里矢量图标库自行选择。笔者已经下载了项目需要的svg图片 借助一个叫iconmoon的网站。浏览器地址上输…

翻译水平有限，部分内容比较晦涩，因此可能错误较多，请理解或指教。 介绍用于解决现有局限性的全新Context API。 通常情况下，React里面的数据是按照top-down（parent to child）的顺序，通过props来传递的。但有些时候，跳过多个抽象层级来传递一些…