mlshv

import React from 'react'
import styled from 'styled-components'
import Icon from 'components/Icon'

const ButtonWrap = styled.button`
  padding: 8px 12px;
  color: #fff;
  background: #333;
`

mlshv

import React, { Component } from "react";

class Article extends Component {
  constructor(props) {
    super(props)

    this.state = {
      isOpen: props.defaultOpen,
      idAd: props.idAd
    }

mlshv

// in some react class component
handleChangeInput = (e) => {
  this.setState({ [e.target.name]: e.target.value })
}

mlshv

for (const a of actions) {
    watchers.push(yield createWatcher(a))
}

mlshv

try {
  return someUnsafeAction();
} catch (e) {
  console.error(e);

  return `Error: ${e.message}`;
}

mlshv

const currentUser = users.find(u => u.id === currentUserId);

mlshv

import styled from 'styled-components';

const Button = styled.button`
    padding: 12px 32px;
    line-height: 1;
    border: none;
    border-radius: 34.5px;
    opacity: .9;
    color: #fff;
    background-color: #a3d200;

mlshv

import React from 'react';
import styled from 'styled-components';

const Link = styled.a`
  display: block;
  margin-bottom: 48px;
  text-decoration: inherit;
  color: inherit;
`;

mlshv

.store-card {
    margin-bottom: 48px;
}
.store-card__link {
    display: block;
    text-decoration: inherit;
    color: inherit;
}
.store-card__image {
    width: 100%;

mlshv

<div class="store-card">
    <a class="store-card__link" href="#">
        <img 
           class="store-card__image"
           src="https://duyt4h9nfnj50.cloudfront.net/resized/64aefca79e5d3f19540955e43e91126f-w550-bf.jpg"
           alt="" 
        />
        <h2 class="store-card__name">Il Patio</h2>
        <p class="store-card__order-info">
            Заказ от