Siemko

WEBDEV Współcześnie

Dominik Guzy | dominik.guzy@gorrion.pl | dom.guzy@gmail.com

Lista materiałów dodatkowych do prezentacji na CS3.

Niezbędne podstawy

Git

1. Git - 15-minutowy kurs
2. Git CLI
3. Git vs SVN

Siemko

React+Redux action + reducer + usage

Actions

actions/index.js

export function actionFunction() {
  /*do somethings with data*/
  return {
    type: 'SAMPLE_ACTION' /*action type name, best from constants folder*/
    payload: data /*your data*/
  }

Siemko

const MyBetterDiv = props => (
  <div className="better" {...props} />
)

Siemko

const MyBetterDiv = props =>
  <div className="better" {...props} /> 

Siemko

<MyBetterDiv data-gorrion="gorrion" data-other="other prop">Gorrion is always bettter</MyBetterDiv>

Siemko

<div class="better" data-gorrion="gorrion" data-other="other prop">Gorrion is always bettter</div>

Siemko

const Greeting = props => <div>Hello {props.name}!</div>

Siemko

const Greeting = ({name}) => <div>Hello {name}!</div>

Siemko

const Greeting = ({ name, ...props }) =>
  <div {...props}>Hi {name}!</div>

Siemko

const Commentlist = ({comments}) => (
  <ul>
    {comments.map(({ body, author }) =>
      <li>{body}-{author}</li>
    )}
  </ul>
)