![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ReactJS
tianzhw
这个作者很懒,什么都没留下…
展开
-
什么是React?
React是一个用于构建用户界面的JavaScript库,也是Web应用程序的视图层。所有的React应用程序的核心是组件(Component)。组件是一个子包含的模块,它提供一些输出。所以,可以将类似按钮或输入框等元素作为React组件,组件和组件之间可以嵌套组合,组件也可以包含输入一个或多个其他的组件。 如何使用React React是一个JavaScript库一样,就像我们在HTML中包原创 2017-12-15 14:09:39 · 5307 阅读 · 1 评论 -
什么是 JSX?
在互联网上的任何粗略的搜索寻找React材料,毫无疑问,你已经遇到了术语JSX,ES5和ES6。这些难懂的首字母缩略词可能会很快混乱。 ES5(ES 代表ECMAScript)基本上是“常规JavaScript”。第5次更新JavaScript,ES5在2009年完成。它已被所有主要浏览器支持多年。因此,如果你在最近写过或看过任何JavaScript,很可能是ES5。 ES6是一个新版本的Ja...原创 2017-12-15 14:13:24 · 29380 阅读 · 4 评论 -
Redux个人理解
Redux是一个全局状态管理设计思想的实现。 我这里说似一个全家状态设计思想的实现,是因为Redux本身可以用在任何js的项目中。并非是React。 Redux 有 store action reducer 三个概念。 store 不多解释,可以理解为一个Object。里面记录全局的state。store对象内部属性的值,是通过action来修改。 ...原创 2018-10-16 16:09:35 · 177 阅读 · 0 评论 -
Webpack4 + React + Mobx 自己搭建项目编译环境
Webpack是啥?不说多解释,更不想说什么React 和Mobx的作用。我认为很多人学习React,是因为工作需要,大部分也都是用手脚架在开发。毕竟这是快速入门的好方法,我也是这样的。写这个目的是记录一下 别忘记了自己的体会。 第一步 创建一个空文件夹,其实就是你的项目目录 mkdir test-react-demo npm init 执行 npm init 后可以一路回车。里面是项...原创 2019-03-07 16:22:32 · 840 阅读 · 0 评论 -
React Native 0.58 Mobx 装饰器
解决方案 移除babel-plugin-transform-decorators-legacy npm install --save-dev @babel/plugin-proposal-decorator .babelrc { "presets": ["module:metro-react-native-babel-preset"], "plugins":[["@babe...原创 2019-03-11 09:39:18 · 611 阅读 · 0 评论 -
Taro RN创建项目运行报错Cannot find module 'fbjs/lib/keyMirror' 解决
cd /usr/local/lib/node_modules/@tarojs/cli && npm install fbjs 进入 taro/cli 安装目录手动添加 fbjs 即可原创 2019-03-12 10:25:07 · 1332 阅读 · 0 评论 -
create-react-app mobx
npm install customize-cra react-app-rewired @babel/plugin-proposal-decorators --save 项目根目录新建config-overrides.js文件加入以下代码: const { override, addDecoratorsLegacy } = require('customize-cra'); mod...原创 2019-06-20 17:27:20 · 413 阅读 · 0 评论