sami616

{
	"A Component": {
		"prefix": [
			"component",
		],
		"body": [
			"import React from 'react'",
			"import styled, { css } from 'styled-components'",
			"",
			"//x//////////////////////////////////////////////////",

sami616

{"lastUpload":"2019-12-28T08:36:28.013Z","extensionVersion":"v3.4.3"}

sami616

import React from 'react'
import { Counter } from '../store'

const SomeComponent = () => {
  const counterState = React.useContext(Counter.State)
  const counterDispatch = React.useContext(Counter.Dispatch)

  return (
    <>
      <p>Count: {counterState.number}</p>

sami616

import React from 'react'
import ReactDOM from 'react-dom'
import { Store } from './store'

const App = () => (
  <Store>
    //...
  </Store>
)

sami616

import React from 'react'
import { Counter } from './counter'

const providers = [<Counter.Provider />]

const Store = ({ children: initial }) =>
  providers.reduce(
    (children, parent) => React.cloneElement(parent, { children }),
    initial
  )

sami616

import React from 'react'

// Context
const State = React.createContext()
const Dispatch = React.createContext()

// Reducer
const reducer = (state, action) => {
  switch (action.type) {
    case 'increment':

sami616

<?xml version="1.0" encoding="UTF-8"?>

<!-- Dracula Theme v1.2.5
#
# https://github.com/dracula/iterm
#
# Copyright 2013-present, All rights reserved
#
# Code licensed under the MIT license
#