标签归档：react

import React from ‘react’ import {render} from ‘react-dom’ const ThemeContext = React.createContext(‘light’) class ThemeProvider extends React.Component { state = {theme: ‘light’} toggleTheme = () => { this.setState(({theme}) => ({ theme: theme === ‘light’ ? ‘dark’ : ‘light’, })) } render() { return ( <ThemeContext.Provider value … 继续阅读 →

随着项目复杂度的提升，react、react-dom、react-route等一系列框架的引入，再加上babel-preset-es2015、babel-preset-react等一系列插件，webpack变得越来越慢。webpack提供了DllPlugin和DllReferencePlugin插件可以让构建速度飞起来。 DllPlugin 这个插件专门用于单独的webpack配置来创建一个dll-only-bundle。 它创建一个manifest.json文件，由DllReferencePlugin用于映射依赖关系。如下所示创建一个使用DllPlugin插件的webpack.vendor.dev.config.js文件： //webpack.vendor.dev.co … 继续阅读 →

普通的react组件是无法与redux交互的，因此需要react-Redux来对react组件加工。react redux主要提供了Provider与connect方法 常见示例： import React, {Component, PropTypes} from ‘react’ import ReactDOM from “react-dom”; import thunk from ‘redux-thunk’ import {createStore, applyMiddleware, combineReducers} from ‘redux’ import {Provider, connect} from ‘react-redux’ function postsByRed … 继续阅读 →