js-front-end

[js-front-end]

Node

0. node название_файла  - запустить файл. 1.REPL - интерактивный режим.(пишем код и сразу получаем ответ) 2.Переменные var в node не привязываются к глобальному обьекту(обьект global) - каждый файл - это отдельный модуль со своей областью видимости. 3.Один из глобальных обьектов process. Каждое приложение node является экземпляром этого обьекта.  - console.log(process.execPath) - возвращает путь выполнения для приложения.

- console.log(process.version) - предоставляет версию node - console.log(process.platform) - идентифицирует платформу - console.log(process.argv) - содержит информацию, которая предоставляется приложению при запуске. - process.stdin - обьект для ввода данных( методом process.stdin.on подписываемся на ввод данных( process.stdin.on(’data’, data => process.stdout.write(data) ) )) - process.stdout -  обьект для вывода данных(console.log() - использыет этот обьект)

[js-front-end]

Обратить внимание

For those passing your props down (no Redux store), be sure to use componentDidUpdate instead of componentWillUpdate.  Otherwise your data will be one step behind. :)

[js-front-end]

SoftomateValues.SMART.

Сделав целевой скачок, планируй, как сделать результат повторяемым. Добился повторяемых результатов - планируй качественный скачок.

Не врать, не подставлять, не вводить в забл��ждение.

Доверие - есть база развития на годы вперед, и оно ценнее любых сиюминутных выгод.

Культура - есть база для счастья:

Не делай других несчастными!Ошибиться может каждый. Ошибся два раза в одном и том же месте - подорвал доверие к себе.

Можешь или не можешь - решаешь сам.

Принимая решение, думай о последствиях. Принял решение - действуй сразу. Скажи нет идеям без действий.

Занимайся тем, что приносит радость, радуйся тому, что ты делаешь, и затраченные усилия окупятся с лихвой.

Регулярность и порядок - есть путь к свершениям.

https://docs.google.com/presentation/d/1wsbslu5zgALPiX74xirg1o7kSeoSVbhBCSGU1uxsQ_8/edit#slide=id.g3df8fdd084_0_84

[js-front-end]

MVC - What is it?

MVC - это паттерн по разработке архитектуры приложения. Model - мозг приложения. Ответственна за получение и действия с Data. Взаимодействует с базой данных, как вариант. Взаимодействует с Controller, который в свою очередь, запрашивает Data у Model. Текущее состояние и текущая информация хранится здесь. Передает Data to View.

View - то,что видит юзер. Состоит из html и css. Взаимодействует с Controller. View может получать динамические Data от Controller.

Controller - пользователь выполняет какие-либо действия, используя Controller(переход по ссылке, клик). Запрашивает / изменяет Data у Model. Выполняет GET/POST/PUT/DELETE запросы. Передает Data to View.

[js-front-end]

Brackets in arrow functions

const x = () => {} // Does nothing

const y = () => ({}) // returns an object

[js-front-end]

Учим реакт-роутер.

[js-front-end]

Redux | Redux-saga articles

Redux: шаг за шагом - https://medium.com/devschacht/redux-step-by-step-e6c42a9b00cd React-redux "connect" explained - https://www.sohamkamani.com/blog/2017/03/31/react-redux-connect-explained/ Redux Saga Tutorial | Simple Example | React Redux series Part 8 - https://www.youtube.com/watch?v=eUMbH6X_Adc redux-saga - https://redux-saga.js.org/docs/introduction/BeginnerTutorial.html Map Dispatch to Props - https://learn.co/lessons/map-dispatch-to-props-readme map-state-to-props-readme - https://learn.co/lessons/map-state-to-props-readme

[js-front-end]

async/await React

npm install --save-dev babel-plugin-transform-runtime

Then, in .babelrc

{  "plugins": [    ["transform-runtime", {      "polyfill": false,      "regenerator": true    }]  ] }

[js-front-end]

Implementation of Redux.

[js-front-end]

{condition && <p>markup</p>}

[js-front-end]

https://hackernoon.com/reactjs-component-lifecycle-methods-a-deep-dive-38275d9d13c0 https://reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class