React.js教程
-
解决安装node-sass错误incompatible with ^4.0.0
React项目中我们在文件中引用sass文件需要安装node-sass。 但是俺安装完成后,页面就报了下面的这个错误提示: 猜一猜都知道,这肯定是版本兼容问题了,解决的办法也很简单…
-
create-react-app 配置alias别名
今天俺打算想像vue中使用别名一样,创建一个create-react-app别名。 这样我们引入文件的时候就可以很方便,俺以前的引入习惯一下子也改不了~ 在没有引入别名之前,我们可…
-
React Fast Refresh替代 Hot Loader
如果您看过最新的React更新或Next.js v10,您可能已经看到了“Fast Refresh”这个术语。这是一个对用户影响不大的新特性,但它使开发人员的体验更好。 React…
-
React数据视图更新原理
本文章来自于俺学习React课程的笔记,大致分为8个阶段,React底层使用该方式避免操作DOM,节约性能。 state数据 JSX模板 数据+模板生成虚拟DOM (本质上虚拟DO…
-
JSX语法简介
下面的两个文件中,index.js中使用到了标签形式的代码块,App.js为一个组件具体显示内容是由render函数返回的结果决定的,这里面我们返回了一个div标签。 以前我们写d…
-
浅谈react项目的目录结构
打开之前我们创建的todolist文件夹 : 可能你的文件夹跟俺不太一样,因为俺删除了很多不必要的文件。 yarn.lock 项目依赖的安装包的版本号的限制,这个文件一般我们不需要…
-
React.js开发环境搭建
使用React.js ,我们有两种使用方式: 引入.js文件来使用React(页面性能低、维护性差) 通过脚手架工具来编码 围绕React.js产品的脚手架工具非常多,甚…
-
React.js简介
本文俺将跟大家介绍React是什么? React在目前有三种趋势: ReactJS ReactNative ReactVR React具有以下几种特点: FaceBook推出的,大…
-
React.js实现TodoList
这篇文章,俺将跟大家一起实现TodoList,实现代码如下: React.js改变state 在React.js中我们改变state,可以使用setState,注意直接修改stat…