Skip to content

Instantly share code, notes, and snippets.

View JimmyLv's full-sized avatar
🎯
Focusing

JimmyLv_吕立青 JimmyLv

🎯
Focusing
View GitHub Profile
import {connect} from "react-redux";
import {action1, action2} from "myActions";
const MyComponent = (props) => (
<div>
<button onClick={props.action1}>Do first action</button>
<button onClick={props.action2}>Do second action</button>
</div>
)
@JimmyLv
JimmyLv / auth.js
Created July 13, 2017 05:33
HOC AuthedComonent
import React, { Component } from 'react';
import userStorage from '../shared/storage/user';
import history from '../history';
const connectAuthCheck = doCheckFn => (Comp) => {
class AuthedComonent extends Component {
state = {
authed: false,
};
import Radium, { StyleRoot } from 'radium';
import breakpoints from '../../../styles/breakpoints';
const styles = {
header: {
fontSize: '1.5em',
display: 'inline',
[`@media screen and (min-width: ${breakpoints.screenMedium})`]: {
paddingTop: '2%';
},
import React from 'react';
import ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
// AppContainer is a necessary wrapper component for HMR
import App from './components/App';
const render = (Component) => {
ReactDOM.render(
@JimmyLv
JimmyLv / OrganismsHeader.jsx
Last active September 26, 2016 09:17
前端架构篇之 Atomic Design —— 论如何组织和维护 UI 组件
/** @jsx React.DOM */
var React = require('react');
var Logo = require('../atoms/logo');
var PrimaryNav = require('../molecules/primary-nav');
var Search = require('../molecules/search');
var OrganismsHeader = React.createClass({
render: function () {
return
<header>
<Logo/>