React学习笔记。
有段时间没写博客了，最近这段时间有点说不出的苦，虽然说年轻的时候该多出去经历些事，但每次找工作东跑西跑，坐公交坐地铁浪费了我太多时间，我感觉到这是一种浪费，对生命的浪费。所以很想尽快找到一份工作，去努力去奋斗。这两天周末，没有什么招聘，在租房里学习了React框架。因为很多公司技术要求都有这个框架，...
windows部署React-Native的开发环境实践（技术细节）
前情摘要众所周知，有人说.net可以用Xamrian，呵呵，不习惯收费的好么？搞.Net的人设置一次java的环境变量，可能都觉得实在太麻烦了，可能是因为这些年微软确实把我们给带坏了，所有东西一键安装，简单设置，打开项目直接运行就行了，而要想成功部署android开发环境，那可能需要自己填N个坑，最...
react design pro 实现多条件进行查询数据
react design pro 实现多条件进行查询数据一、描述： 对于后台管理系统，在编写业务界面，多条件进行联合查询数据是最基础的业务需求，一般多条件查询都是传入相应...
react antd打包后icon资源文件太大
[email protected]我们可以看到有一个dist，大概占到540KB，是一些icons资源文件，只要你在代码中使用了icon标签就会把整个icon资源文件打包进来，目前主要的解决办法参考[antd#12011](https://github.com/ant-design/ant-desi...
React-Native:版本升级从0.57.5升级到0.62.2遇到的Android错误以及RN插件错误
前两篇文章已经记录部分错误日志信息，从0.57.5升级到0.62.2；由于项目原因，需要进行项目重构，现在的0.57.5版本已经不能满足于项目需求；期间升级也遇到了许多的坑，只能说对于AndroidStudio以及RN的兼容性还不是太友好由于0.62.2升级后已经支持androidx特性，对于项目中...
Webstorm与React-native 的断点调试
一、概述使用React-Native查找bug的时候，最常用的方式就是通过查看日志信息，但是作为一个断点调试的爱好者对这种方式深恶痛绝，因此才会写这篇文章。这篇文章介绍的Webstorm与React-Native断点调试和android-studio与Java的断点调试类似，反正就是个人感觉非常好用...
React-native start 卡在 Loading dependency graph... ，app卡在loading from ip:8081..怎么破？
相信不少人好不容易装好React-native的环境后，一运行就遇到下面这种情况。。。Excuse me？等了几十分钟还在loading???React-native start 运行结果app运行结果这是因为服务器没顺利开启，造成app连接不到服务器，所以服务器和app都一直在加载中直接贴解决方法...
react-native调试攻略 -- Android Studio
笔者使用的是Android Studio的模拟器，以下是我所知的模拟器和真机的调试方式从网页转到app不适应的一点就是网页经常控制台调试，而用了几天react-native感觉哪总说不上来的不舒服，后来对比发现我常用的调试用不了了，这就很难受，后来在网上看了很多的相关文章，在总结自己的使用经验有了以...
使用最新WebStorm开发及调试React Native项目
React Native允许您使用JavaScript和React为iOS和Android开发原生移动应用程序。它是由Facebook创建的，用于Instagram，Airbnb和现在的JetBrains自己的 YouTrack移动应用程序（顺便说一下，它是开源的）等知名应用程序。使用WebStor...
React Native - 调用摄像头拍照（使用react-native-camera库）
http://www.hangge.com/blog/cache/detail_1618.htmlReact Native - 调用摄像头拍照（使用react-native-camera库） 发布：hangge阅读：68711，react-native-camera介绍react-native-ca...
react-ga组件的简单应用笔记
npm install react-ga --save //导入react-ga组件找到要检测的页面组件，在组件中添加语句如下：ReactGA.initialize的参数 是google 网页生成的（analytics.google.com）componentDidMount 内保证刷新页面或者第...
react native 拨打电话以及跳转网址
之前在写纯前端的时候需要调用安卓的方法才能打电话，现在直接使用react native来进行写直接调用，太方便了show(){ // let url = 'http://www.baidu.com'; Linking.openURL('tel:10086') }UR...
React-native-splash-screen 完整使用说明(Mac完整版) /04/14
react-native-splash-screen演示安装说明第一步(下载):在项目根目录打开终端运行 npm i react-native-splash-screen --save第二步 (安装):大家可以通过自动或手动两种方式来安装react-native-splash-screen。自动安装...
pycharm/webstorm创建react项目
1、安装nodejs2、安装reactapp依赖：npm install -g create-react-app在pycharm/webstorm中选择react
react项目—单击按钮返回上一页
// 如果使用hashHistoryimport creatHistory from 'history/createHashHistory' // 如果使用createBrowserHistoryimport creatHistory from 'history/createBrowserHisto...
React-native项目使用逍遥游模拟器运行
React-native项目使用模拟器运行React-native我们可以使用Android Studio自带的模拟器进行运行，但是相对来说Android Studio对电脑的性能要求较高。此外，还可以使用夜神模拟器或逍遥游模拟器等，这里介绍一下逍遥游模拟器的链接过程。（1）下载安装逍遥游模拟器 h...
react-redux登录时将数据存入store,在其他页面获取数据
登录组件的目录结构登录调用函数，调用action,将表单数据传过去调用action，调用接口传入数据 通过dispatch函数，调用reducer将数据传入store然后使用调试工具redux-devtools可以看到当前多了token的节点 接下来是在其他页面获取token只需要将state的数据...
使用React重构百度新闻webapp前端
http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html
[react] react15、react16生命周期对比
一、react15生命周期 react15生命周期初始状态 点击“挂载Child Component”按钮后 从右边的console中可以看出Child组件首次挂载的时候，依次触发了Child组件的constructor, componentWillMount, render, componentD...
React Native - Image组件的使用详解（加载资源、网络、本地图片）
转至：http://www.hangge.com/blog/cache/detail_1542.htmlReact Native - Image组件的使用详解（加载资源、网络、本地图片）2017-02-21发布：hangge阅读：10479一、Image组件介绍同 HTML 的 img 元素一样，R...