chentsulin

const Counter = ({ defaultValue }) => {
  const [count, setCount] = useState(defaultValue);
  
  const handlePlusOne = () => {
    setCount(count + 1);
  }
  
  return (
    <>
      <div>{count}</div>

chentsulin

import { Counter as PCounter } from 'react-powerplug'


const Counter = ({ defaultValue }) => {
  return (
    <PCounter initial={defaultValue}>
      {({ count, inc }) => (
        <>
          <div>{count}</div>
          <button onClick={inc}>+</button>

chentsulin

class Counter {
  state = {
    value: this.props.defaultValue
  };
  
  handlePlusOne = () => {
    this.setState(() => ({ value: this.state.value + 1 }));
  };
  
  render() {

chentsulin

const Counter = ({ defaultValue }) => {
  return (
    <>
      <div>{defaultValue}</div>
      <button>+</button>
    </>
  );
};

chentsulin

const App = ({ userId }) => {
  useEffect(() => {
    subscribe(userId);
    return () => {
      unsubscribe(userId);
    };
  }, [userId]);
  
  // ...
};

chentsulin

class App extends Component {  
  componentDidMount() {
    this.subscribe(this.props.userId);
  }

  componentDidUpdate(prevProps) {
    if (this.props.userId !== prevProps.userId) {
      this.unsubscribe(this.props.userId);
      this.subscribe(this.props.userId);
    }

chentsulin

const App = () => {
  return (
    <ThemeContext.Consumer>
      {theme => (
        <LocaleContext.Consumer>
          {locale => (
            <div className={theme}>
              {locale}
            </div>
          )}

chentsulin

const App = () => {
  const theme = useContext(ThemeContext);
  const locale = useContext(LocaleContext);
  
  return (
    <div className={theme}>
      {locale}
    </div>
  );
};

chentsulin

const App = () => {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');

  const handleNameChange = event => {
    setName(event.target.value);
  };
  const handleEmailChange = event => {
    setEmail(event.target.value);
  };

chentsulin

client.sendImagemap(userId, 'Re: [問卦] 齊柏林導演的故事給了我們什麼啟示?', {
  baseWidth: 1040,
  baseHeight: 720,
  baseUrl: 'https://our.image.com/server/path',
  actions: [
    {
      type: 'uri',
      linkUri: 'https://www.ptt.cc/bbs/Gossiping/M.1497100764.A.C81.html',
      area: {
        x: 0,