一、ReactNative概述 移动端开发的3种常见模式： 1、WebApp 理解1： 通过前端技术 编写的可以运行在手机浏览器端的网页， 提供的用户体验 类似于app用户体验 --》WebApp 理解2： 结合着前端技…

我们要的是一个简单的react-router路由 我们要的是一个简单的react-router路由 习惯了 vue-router 路由的用法，再用react-router总感觉挺麻烦的。 那么react有没有用法跟vue…

组件和属性 组件使 UI 分离为独立可服用的块，可隔离思考每一个块。这页介绍组件理念。在此查阅 组件 API 参考。 概念上讲，组件与 JavaScript 函数相像。他们接受任意输入（称为 “props&#…

在React中，我们可以在创建element的时候，传入事件和处理函数，这些事件会被做为合成事件来处理，当然，有些时候，我们也需要定义原生事件，比如给document绑定事件。有些情况下，就需要通过阻止事件冒泡来实现预期…

前言 本文的主要目的是阅读源码的过程中做下笔记和分享给有需要的小伙伴，可能会有纰漏和错误，请读者自行判断，头一次写阅读代码的文章，可能写得有点乱，有什么问题欢迎一起探讨一起进步。 React的版本为16.4，主分支的代码…

Readux基础 什么是redux？ 简单点回答就是，一个管理数据的全局对象，但是它有单一状态树的概念，所谓的单一状态树，就是指“所有的 state都以一个对象树的形式储存在一个单一的 store 中。” 页面中的所有状…

关于今天要学习的组件间抽象其实我这小白看了几次还没弄明白，这次决定一探究竟。在组件构建中，通常有一类功能需要被不同的组件公用，此时就涉及抽象的概念，在React中我们主要了解mixin和高阶组件。 mixin mixin…

项目需要安装的插件 "babel-eslint": "^8.0.3", "eslint": "^4.13.1", "eslint-plugin-react": "^7.5.1", 配置详情 下面的配置涵盖了开发者所需要的…

JSX 语法 一种特殊的 js 语法糖，可以在代码中把 html 标签当对象使用，其可以总结成以下几个特点： 不加任何引号 以前在 js 中使用 html 标签都是加上引号当成字符串使用，而在 jsx 语法中不用加引号，…

Redux 前端框架的组件式开发永远有一道鸿沟——跨组件通信。我在 Vue 教程中有提到过，如果对跨组件通信不明白的可先跳过去看看。 React 不同与双向数据绑定框架，它是单向数据流，所以每次更新都得调用setStat…

父级向子级传参 父子组件通信主要用到props，如下： 在父组件中： import React from 'react' import ChildCom from './childCom.js' class Parent…

在之前的文章中，已经说明如何避免在react jsx中使用箭头函数和bind(https://medium.freecodecamp.o… 但是没有提供一个清晰的demo展示为什么要这样做。 现在来一些例子吧…