maxfarseer

//https://davidwalsh.name/javascript-loader

var load = (function() {
  // Function which returns a function: https://davidwalsh.name/javascript-functions
  function _load(tag) {
    return function(url) {
      // This promise will be used by Promise.all to determine success or failure
      return new Promise(function(resolve, reject) {
        var element = document.createElement(tag);
        var parent = 'body';

maxfarseer

// won't work correctly

let counter = 0;

function delay(ms) {
  return new Promise((resolve, reject) => {
    
    setTimeout(function() {
      console.log(++counter)
      resolve()

maxfarseer

// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
  // It lets us inject component as the last step so people can use it as a decorator.
  // Generally you don't need to worry about it.
  return function (WrappedComponent) {
    // It returns a component
    return class extends React.Component {
      render() {
        return (

maxfarseer

let id;

beforeEach(done => {
  id = mongoose.Types.ObjectId()
  done()
})

maxfarseer

nock(`${API_ROOT_V1}`)
  .log(console.log)
  .post('/api/v1/providers/add', {name: 'User', phone: '+7-123-45-67-89'})
  .reply(200, { status: 200, data: '574ad7429a59dcd429adfc32' })

maxfarseer

Array<T>

<T> = iterable (то есть, что-то перечисляемое, доступное для перебора)

Легенда:

• ✏️ метод изменяет this.
• 🔒 метод не изменяет this.

Array.prototype.*:

maxfarseer

_renderChapter({ name }) {
    return (
      <View key={name} style={styles.chapter}>
        <Text small style={styles.chapterText}>
          {name}
        </Text>
        <View style={styles.chapterLine} />
      </View>
    );
  }

maxfarseer

// Корневой адрес API: https://mysterious-reef-29460.herokuapp.com/api/v1

// POST /validate (введены корректные данные: username = 'max', password = '12345'
{
  "status": "ok",
  "data": {
    "id": 1
  }
}

maxfarseer

JSX. Позволяет нам писать HTML как синтаксис, который преобразуется в объекты lightweightJavaScript.

Виртуальный DOM (Virtual DOM) — JavaScript-представление реального DOM.

React.Component — способ создания нового компонента.

render (method) — описывает, как будет выглядеть пользовательский интерфейс 
для конкретного компонента.

ReactDOM.render — выполняет рендер React-компонента на узел (node) DOM.

maxfarseer

import React from 'react'
import ReactDOM from 'react-dom'
class HelloWorld extends React.Component {
  render() {
    return (
      <div>Hello World!</div>
    )
  }
}
ReactDOM.render(<HelloWorld />, document.getElementById('root'));