alex35mil

package main

import (
    "fmt"
	  "log"
    "net"
    "net/mail"
	  "net/smtp"
    "crypto/tls"
)

alex35mil

:root {
  --my-width: 400px;
}

:export {
  myWidth: var(--my-width);
}

.myClass {
  width: var(--my-width);

alex35mil

import createIcon from '.utils/createIcon';
import colors from './styles/colors';

const MyIcon = ({ color }) => (
  <path fill={colors[color]} ... />
);

export default createIcon({
  width: 16,
  height: 16,

alex35mil

/* @flow */

import { Record } from 'immutable';

interface $EnumInterface<T: Object> extends Record<T> {
  items: Function;
  fromValue: Function;
}

const createEnum = <T: Object>(items: T): $EnumInterface<T> => {

alex35mil

// Action creator: returns success action
const successAction = postId => ({
  type: 'POST_DELETE_SUCCEEDED',
  postId,
});

// Action handlers: passing array of the reducers for this action type
//                  to apply sequence of the changes to the state tree
const onSuccess = {
  POST_DELETE_SUCCEEDED: [

alex35mil

// Action creator: returns request action
const requestAction = postId => ({
  type: 'POST_DELETE_REQUESTED',
  postId,
});

// Action handler: reduces the state of the single leaf
const onRequest = {
  POST_DELETE_REQUESTED:
    (state, { postId }) =>

alex35mil

/* ui/unit/reducer.js */
import { onServerStateUpdate } from './interactions/serverStateUpdate';

export default createReducer(state, {
  ...onServerStateUpdate,
});


/* data/entities/reducer.js */
import { updateEntityOnEdit } from '../ui/unit/interactions/serverStateUpdate';

alex35mil

// Action creator: dispatched from the thunk or whatever
const successAction = (entityId, data) => ({
  type: UPDATE_SUCCEEDED,
  entityId,
  data,
});

// Changes in the app state:

// Action handler -> ui/unitStore: resetting UI unit state

alex35mil

/* reducer.js */

import state from './state';

import { onModalShow, onModalHide } from './interactions/modalToggle';
// ...

export default createReducer(state, {
  ...onModalShow,
  ...onModalHide,

alex35mil

/* interactions/modalToggle.js */

const MODAL_SHOW = 'MODAL_SHOW';
const MODAL_HIDE = 'MODAL_HIDE';

// --- Show modal

// Action creator
export const showModal = () => ({ type: MODAL_SHOW });