知识点 01-面向对象 后续在 React 过程中大量用到面向对象编程思想 重点讲解 ES6 的面向对象 类的概念 ES6 提出的 class 类的概念。在 ES5 中 function 构造函数来实现面向对象 类是对象的抽象，对象是类的具有表现 编写类的时候，将对象的公共属性和行为提取出来 class Student{ }将 ES6 面向对象代码编译为 ES5 代码过后，默认生成一个 IIFE，目的就算为了隔离作用 域 ES5 里没有模块化编程，全局作用域和函数作用域，模块作用域我们使用 IIFE 来实现

前端项目-react-quill,作为反应组件的Quill富文本编辑器。

实现效果：android手机扫描NFC卡唤醒App，再次扫描识别卡内信息。 实现思路：在rn端调用android原生方法获取NFC卡信息，通过android与rn端通信将数据返回rn端 。

1、用electron+react制作的一个数据提取工具，react渲染页面，electron主线程调用本地sqlite数据库 2、数据和依赖包删除了，测试的时候自行添加数据与依赖 3、开发测试，首先用npm start 启动react 然后再用electron .启用electron,修改代码后，electron测试页面会自动刷新 4、react页面因为引入了electron的代码不会显示内容 5、打包时候，先用npm run build 打包react，electron的main.js和preload.js会随着public文件进入build文件，然后将main.js文件中的 mainWindow.loadURL("127.0.0.1:3000") 改为 mainWindow.loadFile("index.html"), 安装electron 然后打包

环境是nodejs-V14，当你安装好android sdk这些以后，解压到指定文件夹就是RN的空项目，已经包含常用插件react-navigaition,react-native-webview，native-base。同时默认支持Hermes引擎，minifyEnabled已经开启，若不需要可以关闭。 相比 react-native init RN-name 的空项目，你不需要再去配置react-navigation等插件，甚至你自己可能因为版本兼容而陷入坑中。 0.62版本打包的最小apk只有7.5M左右，是相当不错的选择，在react native到0.60以后，其实就是很好的选择。0.62的资料相对较多

示例： 注意： value只能传字符串类型

1.与vue对比，更快入门react 2.结合 js 的相关知识，更容易理解react 这个框架 3.此文章为系列文章，后续会持续更新

图书馆管理系统 它是一个基于Web App的图书馆管理系统。 使用React，Redux，NodeJS，Express和MongoDB开发。 用作用户界面框架的React Bootstrap。 想要在浏览器中看到它吗？ 为其命名一个新文件夹，然后将所有项目文件放入其中，然后在该文件夹中打开终端CD，然后键入“ npm run dev”以一次启动服务器和项目的前端。 打开在浏览器中查看它。

React本机经理 这是项目到React Native的移植。 要求 RN 0.60+ RN 0.40-0.59支持到6.7.X RN 0.30-0.39支持到2.4.3 支持平台 iOS 8以上 Android（API 19+） 安装 npm i --save react-native-ble-manager 该库支持自动链接功能。 Android-更新清单 // file: android/app/src/main/AndroidManifest.xml ... < uses xss=removed> < uses xss=removed> < uses xss=removed> ... 在Android API

基于Dva和TypeScript的后台管理系统框架 介绍 基于 ， 和的轻量级前端框架。 开箱即用的react应用开发工具，内置css-modules，babel，postcss，HMR等 JS的强类型版本 UI库是 用做代码规范 安装 yarn # or npm install 开发 npm run dev 建立 npm run build 项目目录 ├── /dist/ # 项目输出目录 ├── /mock/ # 数据mock ├── /src/ # 项目源码目录 │ ├── /public/ # 公共文件，编译时copy至dist目录 │ ├── /components/ # UI组件及UI相关方法 │ │ ├── /Component/ # 单个UI组件目录 │ │ │ ├──