怎么说嘞，我又写了个音乐播放器，不过这次是用 React 写的。之前实习的时候用了两个多月 React，实习结束之后过了两个月就已经快把 React 忘了，所以决定写个项目复习一下。 加上自己之前用 Vue 实现过一个简单的手机端 Web 版音乐客户端，虽然功能还比较全，但是距…

第一，我在另一个脚手架express-react-scaffold里使用的就是axios,秉着学习新东西的想法，想自己封装一下fetch。 第二，个人觉得fetch的功能更为强大，因为fetch是原生支持的API，更加的底层，所以可扩展性更好，经过封装扩展过后的fetch应该是…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

该页面从布局来说分左右两部分，左边有分为输入框和已发表内容部分。 我这里采用了ant-design中的input作为输入框，而掘金是采用了可编辑的div来实现输入内容,通过设置contenteditable="true"实现，感兴趣的小伙伴可查阅相关资料。 发布按钮的disab…

前端技术发展太快，有些库的版本一直在升级，现在网上的搭建教程不是不全面，就是版本太低，本人综合一些教程和自己的理解，整理了一下，方便大家快速入手react框架。本教程针对刚入门和技术栈转型人员。注：（本教程写于2019-3-29，请注意版本）！！！ 本人也是半路加入react大…

很多教程都把 React 作为一个 UI 库来引入。这是很有道理的，因为 React 本身就是一个 UI 库。就像官网上所说的那样。 我曾经写过关于构建用户界面中遇到的挑战的文章。但是本文将会用另外一种方式来讲述 React —— 因为它更像是一种编程运行时。 本文不会教你任何…

Express 搭建 http 服务，Socket.io 监控前后端通信，React 前端渲染

你会发现使用 loops 后，只是替换了之前的 map 方法，以一个 <For /> 标签的形式来遍历数据，of 属性中写入需要遍历项，as 则类似于 map 方法中的回调函数。但其实内部做了很多优化和封装。 值得注意的是，在使用第一种方法时，为了 diff 算法优化，我们必须…

最近在写React项目的时候遇到了一些state logic重用的问题，由于react里面对于state的定义是组件的生命周期只存在与组件自身内，如果要实现组件与组件之前的通信，传统的做法是通过将组件交互的那一部分state代码上升到共同的parent组件上去，在parent里…