viniciusdacal

.button {
  background: #3498db;
  border: 0;
  border-radius: 10px;
  padding: 15px;
  font-size: 15px;
  color: #ffffff;
}

.button--disabled {

viniciusdacal

import React from 'react';
import './Button.css';

const Button = ({ children, onClick, disabled }) => (
  <button
    onClick={onClick}
    disabled={disabled}
    className={`button ${disabled ? 'button--disabled' : ''}`}
  >
    {children}

viniciusdacal

import { configure } from '@storybook/react';
function loadStories() {
  require('../src/stories');
}
configure(loadStories, module);

viniciusdacal

import React from 'react';

import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';

import { Button, Welcome } from '@storybook/react/demo';

storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);

viniciusdacal

const users = [
  { name: "Rick", age: 60 },
  { name: "Morty", age: 14 },
  { name: "John Doe", age: 30 }
];

const names = users.map(user => user.name);
// [ 'Rick', 'Morty', 'John Doe' ]

viniciusdacal

const users = [
  { name: "Rick", age: 60 },
  { name: "Morty", age: 13 },
  { name: "John Doe", age: 30 }
];

const names = [];
for (var i = 0; i < users.length; i++) {
  const name = users[i].name;
  names.push(name);

viniciusdacal

import createConnect from 'redux-connect-standalone';
import store 'path/to/youStore';

export const connect = createConnect(store);

viniciusdacal

import { connect } from 'path/to/youConnect';

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(YourContainer);

viniciusdacal

import React, { Component } from 'react';
import ngDeps from 'path/to/ngDeps';

class Login extends Component {
  constructor(props) {
    super(props);
    
    const { $state, $rootScope } = ngDeps;
    
    this.$state = $state;

viniciusdacal

import { injectNgDeps } from 'path/to/ngDeps';

angular
  .module('app', [])
  .run([
    '$rootScope',
    '$state',
    ($rootScope, $state) => {
      injectNgDeps({ $rootScope, $state });
    },