随笔分类 -  React

10分钟学会React Context API
摘要：Create-react-app来学习这个功能: 注意下面代码红色的即可,非常简单. 在小项目里Context API完全可以替换掉react-redux. 修改app.js reg.js T2.js GlobalContext.js import React from 'react' const 阅读全文
posted @ 2019-07-26 15:23 Yuri_trender 阅读(505) 评论(0) 推荐(0)
30分钟学会React Hook, Memo, Lazy
摘要：我们来学习React 16.8里的新特性。 1. 自行配置好React的环境，推荐你使用Create React APP, 你也可以下载本文档Zip解压到本地直接运行. https://github.com/yurizhang/fed-study/blob/master/my-project.zip 阅读全文
posted @ 2019-02-14 14:19 Yuri_trender 阅读(482) 评论(0) 推荐(0)
Rematch Redux的替代品
摘要：前言：Rematch和vuex很像。 文档：https://github.com/yurizhang/rematch 简介： 先看看rematch的官方介绍： Rematch是没有boilerplate的Redux最佳实践。没有多余的action types，action creators，swit 阅读全文
posted @ 2019-02-01 15:00 Yuri_trender 阅读(1304) 评论(0) 推荐(0)
iShow UI for React 最佳实践
摘要：React 与 AJAX React只负责处理View这一层，它本身不涉及网络请求/AJAX，所以这里我们需求考虑两个问题： 第一，用什么技术从服务端获取数据； 第二，获取到的数据应该放在react组件的什么位置。 第一，用什么技术从服务端获取数据； 第二，获取到的数据应该放在react组件的什么位 阅读全文
posted @ 2018-04-20 13:57 Yuri_trender 阅读(186) 评论(0) 推荐(0)
60分钟课程： 用egg.js实现增删改查,文件上传和restfulApi, webpack react es6 （一）
摘要：今天开始我将写nodejs框架egg.js, react 实现的增删改查，文件上传等常用的b/s场景，这个将分3部分来写。 会让你在60分钟内快速 入口并应用~ 你应该用es6, node，或是php, python等基本知识。知道基本的sql (mysql) 第一部分我们先实现增删改查： prod 阅读全文
posted @ 2017-09-11 18:17 Yuri_trender 阅读(1823) 评论(1) 推荐(0)
React-redux及异步获取数据20分钟快速入门
摘要：一, 写在前面 1. 前面我写过一个vuex10分钟入门 传送门 2. React-redux网上有好多文档，又臭又长，明明很简单的问题，硬是让新人更晕了~， 我写这个文章的目的是让新人在20分钟之内明白这是怎么回事. 3. 创建你的react环境, 推荐你使用creat-react-app，我已将 阅读全文
posted @ 2017-07-19 15:13 Yuri_trender 阅读(1892) 评论(0) 推荐(0)
React Native开发时devices offline和手机不能晃动的处理
摘要：1. adb device 显示 devices offline 可能重启adb server: 2. 华为等手机不能 晃动显示 debug 菜单可以： 然后 Reload JS 即可. 阅读全文
posted @ 2017-07-11 11:25 Yuri_trender 阅读(867) 评论(0) 推荐(0)
react 父子传值
摘要：import React from 'react'; import ReactDOM from 'react-dom'; import $ from 'jquery'; //var $ = require('jquery'); $("#hello").html("hello22888888888888888888888"); class Animal { constructor(){... 阅读全文
posted @ 2017-03-02 17:55 Yuri_trender 阅读(1025) 评论(0) 推荐(0)
React router
摘要：1 import React from 'react'; 2 import ReactDOM from 'react-dom'; 3 import { Router, Route, hashHistory,browserHistory,IndexRoute,Link } from 'react-router'; 4 5 6 class App extends React.Comp... 阅读全文
posted @ 2016-11-18 16:36 Yuri_trender 阅读(257) 评论(0) 推荐(0)
30分钟掌握ES6/ES2015核心内容
摘要：30分钟掌握ES6/ES2015核心内容 ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。 也就是说，ES6就是ES2015。 虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越 阅读全文
posted @ 2016-09-28 16:08 Yuri_trender 阅读(689) 评论(0) 推荐(0)
webpack+React.js
摘要：Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。 当我第一次看到Webpack的配置文件时，它看起来非常的陌生，我非常的疑惑。经过一段时间的尝试之后我认为这是因为Webpack只是使用了比较特别的语法 阅读全文
posted @ 2016-09-28 15:36 Yuri_trender 阅读(816) 评论(0) 推荐(0)
我喜欢的两个js类实现方式 现在再加上一个 极简主义法
摘要：闭包实现 变量是不会变的：） 1 var myApplication = function(){ 2 var name = 'Yuri'; 3 var age = '34'; 4 var status = 'single'; 5 function createMember(){ 6 name='Yu 阅读全文
posted @ 2016-09-07 09:22 Yuri_trender 阅读(323) 评论(0) 推荐(0)
js实现的笛卡尔乘积-商品发布
摘要：移宝网的实现 思路 阅读全文
posted @ 2016-03-19 13:12 Yuri_trender 阅读(1253) 评论(0) 推荐(0)