#react

最近发了很多关于 React 的文章，记录遇到的新技术点，以及在写代码过程中遇到的问题，希望可以帮助到和我遇到同样问题的同学。 今天分享的是一款基于 React 的富文本编辑器－－Braft Editor。 >Braft Editor 官网：[https://braft.margox.cn](https://braft.margox.cn) >Githu

关于 [React 框架](https://react.docschina.org/) 和 [Vue 框架](https://cn.vuejs.org/) 的对比，用两者写出同一个程序，对比其代码实现的过程，看看它们的差异究竟有多大？ >转载于：https://blog.csdn.net/csdnnews/article/details/81880378

`create-react-app` 脚手架指令可以生成 React 项目，在项目完成之后执行打包命令 `npm run build`，文件夹内生成 `build`文件夹，就是打包后的文件，在浏览器运行 `index.html` 发现页面空白，打开控制台有报错，css 和 js 文件的引用路径有问题。 浏览 `index.html` 代码可以发现： ``

本文主要写如何在 React 中引入 less。因为 less 和 css 非常像，因此很容易学习。而且 less 仅对 css 语言增加了少许方便的扩展，这就是 less 如此易学的原因之一。 ## 1.安装 less ```shell npm install less less-loader --save-dev ``` ## 2.暴露 webpa

来源于：[https://react.docschina.org/docs/forms.html](https://react.docschina.org/docs/forms.html) ## 一、表单 在 React 中，html 表单元素的工作方式和其他的 DOM 元素不太一样，因为表单内部通常会保持一些内部的 `state`，比如下面这个纯 ht

## 一、React 组件是什么？ >组件，从概念上类似于 javascript 函数，他接受任意入参`（props）`，并返回作用于描述页面展示内容的 React 元素。 组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。 ### 1.创建一个组件 ```js // 函数组件 function Welcome(props)

React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同 React 事件的命名采用小驼峰式（camelCase），而不是纯小写 使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串 ## 一、事件处理 ### 1.事件绑定 React 元素的事件处理和 DOM 元素类似，但是在语法上有些区别，比如： **

在 React 项目中，render 方法只能有一个根元素，一般都是 `<div> <div/>` ，然后在里面写上我们的组件，渲染到浏览器一看，除了我们想要显示的组件，外面还套着一层 div，如果在写项目的时候，套了很多曾组件，那么每一层都会多出来一个父级元素 div，不美观，而且在调整样式的时候会有些麻烦 因此，React 提供了一个占位符 Fragm

根据官网文档来解释，为什么不可变性的概念在 React 中非常重要的原因，一般来说，有两种改变数据的方式。第一种方式是直接修改变量的值，第二种方式是使用新的一份数据替换旧数据 >[React 文档](https://react.docschina.org/tutorial/tutorial.html#why-immutability-is-importan

有关 react 框架的学习计划，除了之前推荐的 react 开源作者写的学习建议，我还参考了阮一峰的 react 实例教程，写的通俗易懂，又难易并进，可以很快的掌握 react 的核心要点 之前说了，为了公司的项目决定学习 react 框架，看了一份 react.js 开源作者的一份学习计划，[react 学习路径－－怎么学习 react？](../20

转载于：[https://github.com/petehunt/react-howto](https://github.com/petehunt/react-howto)，react 开源作者对于 react 框架的一个学习路径的建议，个人感觉还是相当不错的学习路线 --- # 如何学习 React? 如果你是一个 React (或者前端) 新手，出