kocisov

const USER_LOGGED_IN = '*/user/USER_LOGGED_IN'
const apiUrl = 'http://localhost:3000/api/login'

// If you haven't already installed redux-thunk middleware
// just do it LOL: https://github.com/gaearon/redux-thunk
// then doDis
function login ({ username, password }) {
  return dispatch => {
    fetch(`${apiUrl}`, {
      method: 'POST',

kocisov

// import react and router
import React, { Component } from 'react';
import { Route } from 'react-router-dom';
import Home from './Home'

export default class App extends Component {
  render() {
    return (
      <div>
        {/* this is how you add comments inside react render function -> jsx */}

kocisov

// you can replace constructor with this

class Dashboard extends Component {
  state = {
    user: {}
  }
  
  componentDidMount() {...}
  
  render() {...}

kocisov

// That first component lul
...
render() {
  return (
    ...
    <Notification error={this.state.error} success={this.state.success} />
    ...
  )
}

kocisov

export default ({ error, success }) => {
  const message = error.message ? error.message : success.message
  
  return (
    <div>
      {message}
    </div>
  )
}

kocisov

// smart boi with redux would do it like this
store = {
  notification: {
    status: 'error',
    message: 'Error message'
  } || {
    status: 'success',
    message: 'Success message'
  }
}

kocisov

class FirstComponent extends Component {
  state = {
    a: 2
  }

  changeState = val => {
    this.setState({
      a: val
    })
  }

kocisov

activate-power-mode@1.4.0
apex-syntax@0.1.0
apex-ui@0.2.1
ariake-dark-syntax@0.1.3
atom-beautify@0.29.24
atom-clock@0.1.7
atom-material-syntax@1.0.6
atom-material-ui@1.3.10
atom-ternjs@0.18.3
aurora-theme@1.2.2

kocisov

class E extends PureComponent {
  changeText = e => {
    this.setState({
      text: e.target.value
    });
  }
  
  render() {
    return (
      <div onClick={this.changeText} />

kocisov

.icon::before {
  animation: cc 5s infinite linear;
}

@keyframes cc {
  0% {
    color: #fff;
  }

  10% {