随笔分类 -  React

react杂记
摘要:React webpack+react (hello world) 项目结构: src: app.js main.js package.json webpack_dev_config.js 需要安装包: yarn add react react dom save app.js import Reac 阅读全文

posted @ 2018-02-09 17:49 ouruixi 阅读(170) 评论(0) 推荐(0)

webpack打包大概流程
摘要:webpack 步骤 1. 新建一个webpack.config.prod.js 2. 压缩bundle.js和index.html //设置为生产环境 new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }) 阅读全文

posted @ 2017-12-26 00:27 ouruixi 阅读(470) 评论(0) 推荐(0)

豆瓣项目(用react+webpack)
摘要:用豆瓣电影api的项目 电影列表组件渲染 步骤: 1. 发送Ajax请求 1.1 在组件的componentWillMount这个生命周期钩子中发送请求 1.2 发送ajax XMLHttpRequest jQuery Fetch(不支持JSONP),但有个包可以fetch jsonp在npm上找 阅读全文

posted @ 2017-12-24 20:50 ouruixi 阅读(744) 评论(0) 推荐(0)

关于react-router-dom入门配置
摘要:react router dom入门配置 配置 参考:github https://reacttraining.com/react router/web/api/BrowserRouter 1. 导入import {BrowserRouter as Router, Route, Link} from 阅读全文

posted @ 2017-12-24 10:00 ouruixi 阅读(432) 评论(0) 推荐(0)

React+webpack
摘要:webPack + React 步骤: 4. webpack.config.dev 安装包 配置loader 在项目 创建.babelrc,写好预设(presets) yarn add babel core babel loader babel preset env babel preset rea 阅读全文

posted @ 2017-12-22 23:06 ouruixi 阅读(326) 评论(0) 推荐(0)

关于React-native的介绍以及环境搭建
摘要:React Native介绍(后面内容的RN就是指react native) 由facebook公司推出的,基于react,能开发原生app 原理: 1. 利用react框架写好js代码 2. 利用python、C++把我们的js代码,翻译成java代码 3. 利用android SDK把我们的ja 阅读全文

posted @ 2017-12-18 13:49 ouruixi 阅读(242) 评论(0) 推荐(0)

导航