nikneroz

if &compatible
  set nocompatible               " Be iMproved
endif

" Required:
call plug#begin('~/.cache/vim-plug')

" Autocomplete && Syntax checker
" Elixir coc settings: https://github.com/JakeBecker/vscode-elixir-ls/blob/master/package.json
source $HOME/.config/nvim/modules/coc.vimrc

nikneroz

• Руководство для начинающих - https://redux-saga.js.org/docs/introduction/BeginnerTutorial.html
• API - https://redux-saga.js.org/docs/api/
• Статья - https://hackernoon.com/redux-saga-tutorial-for-beginners-and-dog-lovers-aa69a17db645
• Что такое генераторы - https://frontender.info/es6-in-depth-generators/
• Абсолютные пути - https://medium.com/@ktruong008/absolute-imports-with-create-react-app-4338fbca7e3d

API_CALL_REQUEST описывает что мы начинаем процесс получения данных с API
API_CALL_SUCCESS описывает что store успешно получил данные и процесс получения данных завершен
API_CALL_FAILURE описывает что API вызов завершился ошибкой

nikneroz

React

Функциональные и классовые компоненты

const WelcomeComponent = (props) =>
  <h1>Hello, {props.name}</h1>

class WelcomeComponent extends React.Component {

nikneroz

Typescript

TypeScript — это надмножество JavaScript, то есть, любой код на JS является правильным с точки зрения TypeScript. Однако, TypeScript обладает некоторыми дополнительными возможностями, которые не входят в JavaScript. Среди них — строгая типизация (то есть, указание типа переменной при её объявлении, что позволяет сделать поведение кода более предсказуемым и упростить отладку), механизмы объектно-ориентированного программирования и многое другое. Браузеры не поддерживают TypeScript напрямую, поэтому код на TS надо транспилировать в JavaScript.

Типы данных в TypeScript

TypeScript поддерживает различные типы данных. Среди них можно отметить следующие:

let a: number      //например: 1, 2, 3

nikneroz

ES6

В ECMAScript поддерживаются пять примитивных типов данных:

• Number
• String
• Boolean
• Null
• Undefined
• Object

nikneroz

JS

• Обзор ES6 - https://github.com/lukehoban/es6features
• Видеобзор ES6 и Webpack - https://www.youtube.com/watch?v=Ec08hAiCJj4
• ES6 из лекции - https://gist.github.com/nikneroz/baed5220c848c82323c1676fcb7f3e4f
• Typescript из лекции - https://gist.github.com/nikneroz/14043f93bff356e9c1b6c338c467c009
• React & Redux из лекции - https://gist.github.com/nikneroz/b07d31848634b0069225e69db567f486

Webpack

• Знакомство с Webpack - https://proglib.io/p/webpack-in-15/
• Видеознакомство(только это видео, остальные в листе плохие) - https://www.youtube.com/watch?v=HvUatWnQa60

nikneroz

# /lib/systemd/system/test.service
   [Unit]
   Description=Phoenix server for test app
   After=network.target

   [Service]
   User=root
   Group=root
   Restart=on-failure

nikneroz

config :hound, [driver: "chrome_driver"]


session = Hound.start_session()
navigate_to("https://hello.world")
:timer.sleep(7 * 1000)
json_tag = find_element(:tag, "pre")
json = inner_html(json_tag)
Hound.end_session(session)

nikneroz

# Elixir + Phoenix Framework 1.3 + Guardian + JWT(Refresh, Revoke, Recover) + Comeonin

### User model bootstrap
Let's generate User model and controller.

```bash
mix ecto.create # create DB table
mix phx.gen.json Accounts User users email:string password_hash:string # scaffold users structure
```

nikneroz

Elixir + Phoenix Framework 1.3 + Guardian + JWT(Refresh, Revoke, Recover) + Comeonin

User model bootstrap

Let's generate User model and controller.

mix ecto.create
mix phoenix.gen.json Accounts User users email:string password_hash:string