Действителен ли NDA без подписи?

nukhtarov, такое соглашение вроде как имеет юридическую силу, как доказательство, что вы это вы, вы послали копию паспорта и, получается, вы несете ответственность за нарушение обязательств.
А вы с какой целью интересуетесь? Возникло желание его нарушить?
Лучше не связывайтесь, всю жизнь потом расплачиваться можете если проект серьезный, а от ваших действий компания понесет убытки.

Действителен ли NDA без подписи?

Что значит "принял соглашение онлайн"?

Почему не работает browserSync?

Dymok, ну так смотрите, вы когда вызываете ScssTask.prodScss() возвращаете результат вызова цепочки gulp.src().pipe().pipe()..., а надо возвращать функцию, которая возвращает этот вызов:

const prodScss = () => () => { 
    return gulp.src(config.srcPath + config.scss + '/main.scss')
        .pipe(sass())
        .pipe(autoprefixer({
            browsers: ["last 15 versions"],
            cascade: true
        }))
        .pipe(gcmq())
        .pipe(cleanCSS({compatibility: "ie8"}))
        .pipe(gulp.dest(config.prodPath + config.css));
};

С git ветки что и как устроенно?

narkesss,
git push --set-upstream origin develop

С git ветки что и как устроенно?

narkesss, если у вас локальный репозиторий подключен к внешнему, то достаточно:
git push --set-upstream origin develop

Почему не работает browserSync?

Dymok, вы должны возвращать функцию:

const devScss = (browserSync) => () => {
    return gulp.src(config.srcPath + config.scss + '/main.scss')
        .pipe(sourcemaps.init())
        .pipe(plumber())
        .pipe(sass().on("error", sass.logError))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest(config.devPath + config.css))
        .pipe(browserSync.stream());
}

Как наследовать стили в Styled Components?

webe, по поводу кнопки если это совершенно разные кнопки то можно и разные. Если одинаковые с разными стилями, то проще использовать один компонент:

import * as React from 'react';
import { Link } from 'react-router-dom';
import styled, { css } from 'styled-components';

const baseStyles = css`
  display: inline-flex;
  align-items: center;
  font-family: ${props => props.theme.sanSerifFamily};
  font-size: 15px;
  cursor: pointer;
  outline: none;
  user-select: none;
  
  &:disabled {
    cursor: not-allowed;
    pointer-events: none;
  }
`;

const getButtonSizeStyles = ({ size }) => {
  switch(size) {
    case 'sm':
      return css``;
    case 'md':
      return css`
        height: 32px;
        line-height: 32px;
        padding: 0 16px;
        border-radius: 3px;
      `;
    case 'lg':
      return css`
        height: 40px;
        line-height: 40px;
        padding: 0 30px;
        font-weight: 500;
        border-radius: 5px;
      `;
  }
};

const getButtonStyles = ({ type }) => {
  switch (type) {
    case 'outline':
      return css`
        ${getButtonSizeStyles};
        color: #0082ea;
        background-color: #fff; 
        border: 1px solid currentColor;
        
        &:hover {
          color: #006CB5;
        }
      `;
    default:
      return css`
        ${getButtonSizeStyles};
        color: #fff;
        background-color: #0082ea;
        border: 1px solid #0082ea;
        
        &:hover {
          background-color: #006CB5;
        }
        
        &:disabled {
          background-color: #ccc;
          border-color: #ccc;
        }
      `;
  }
};

const getComponent = styledFunction => styledFunction`
  ${baseStyles}
  ${getButtonStyles}
`;

type ButtonSize = 'sm' | 'md' | 'lg';

type Props = {
  children: any
  type?: string
  onClick?: Function
  to?: string
  className?: string
  disabled?: boolean
  size?: ButtonSize
}

function Button({
  type,
  className,
  to,
  onClick,
  children,
  disabled,
  size = 'md',
  ...props
}: Props) {
  const styledFunction = to ? styled(Link) : styled.button;
  const Component = getComponent(styledFunction);

  return (
    <Component
      type={type}
      size={size}
      className={className}
      disabled={disabled}
      to={to}
      onClick={onClick}
      {...props}
    >
      {children}
    </Component>
  );
}

export default Button;

Это живой набросок из проекта, в котором еще не готов кит с кнопками и кнопки пока пишутся параллельно с дизайном. В итоге реализация будет переписана с сохранением интерфейса, ну а пока компонент хорошо расширяем.

baseStyles вынесены только из-за подсветки в IDE. Надеюсь скоро добавят к плагину конфиг для добавления своих функций для обработки плагином.

Почему не работает browserSync?

Dymok, так как вы делать можно, но код получается нечитаемым и не масштабируемым.
Дело в том, что вы создаете несколько инстансов browserSync в разных тасках.

По идее вам надо это делать как-то так:

const gulp = require("gulp");
const createJSTask = require('./tasks/js');
const createNunjucksTask = require('./tasks/nunjucks');
const browserSync = require("browser-sync");

const browserSyncInstance = browserSync.create();

gulp.task('js', createJSTask(browserSyncInstance));
gulp.task('nunjucks', createNunjucksTask(browserSyncInstance));

В таком виде код будет и читаемым и поддерживаемым.

Как наследовать стили в Styled Components?

webe, разница в том, что метод styled.css возвращает массив шаблона с интерполяцией, а шаблонная строка сразу генерируется в строку.
Вот хороший пример:

const complexMixin = css`
  color: ${props => props.whiteColor ? 'white' : 'black'}
`;

const StyledComp = styled.div`
  ${props => props.complex ? complexMixin : 'color: blue;'}
`;

Если бы вы использовали строку для complexMixin, то вы бы не смогли передать вызов функции для получения цвета, она бы просто сгенерировалась в строку.

Ну и еще styled.css хорошо использовать, так как содержимое этой функции подсвечивает плагин для IDE и там работает автодополнение.

Как кнопкой сделать на сайте смену ролика на следующий?

dsherbakov, вам надо получить свой элемент video со страницы. Для этого ему можно назначить id.
<video id="video-player"></video>
и получить как писал выше:

var videoPlayer = document.getElementById("video-player");

Так же надо добавить и получить кнопку.

Как обновить несколько редюсеров из одного action?

Vanya Huk, ну разделите payload по ключам и добавляйте туда объекты, чтобы определять в каком редьюсере какой объект забирать.

Как обновить несколько редюсеров из одного action?

Vanya Huk, немного не понял.

const reducer1 = (state, action) => {
  switch (action.type) {
    case 'action':
      return {data: 'new state' };
    default: 
      return state;
  }
}

const reducer2 = (state, action) => {
  switch (action.type) {
    case 'action':
      return {data: 'new state' };
    default: 
      return state;
  }
}

Если вы выполните:
store.dispatch({ type: 'action' });
То ваше действие поймают оба редьюсера и вернут новое состояние.

Как сделать валидацию на клиенте и сервере с помощью redux-form?

bugagashnik, вы без нее пробовали формы писать? В React это очень просто. А состояние форм в подавляющем большинстве случаев нет никакого смысла хранить в store.

Как кнопкой сделать на сайте смену ролика на следующий?

dsherbakov, ну если хотите написать проигрыватель, изучайте. Либо фрилансера наймите.

Как кнопкой сделать на сайте смену ролика на следующий?

dsherbakov, спрашивайте.

Как строго отделить Array от Object?

newaitix,

как вы предлагаете обрабатывать код который я привел выше ?

функция для присваивания красного цвета элементам. Может принимать как объект так и массив объектов. А зачем плодить повторяющийся код ?

По вашему примеру, вам лишь надо отличать HTMLElement от HTMLCollection для этого достаточно:

if (data instanceof HTMLCollection || data instanceof NodeList) {
  // итерация коллекции
} else {
  // работа с элементом
}

Свой велосипед использовать не надо.

Как сделать валидацию на клиенте и сервере с помощью redux-form?

Вы уверены, что вам вообще надо использовать redux-form? Многие люди тащат эту библиотеку в проекты, сами не понимая зачем.

Как строго отделить Array от Object?

newaitix, откуда упадет? Если вы не знаете, что и откуда у вас "падает", вы пишите очень плохой код.
Внедрять в проект велосипеды вроде вашего ty.o, ty.a - плохая идея. Уже писал об этом.

Как строго отделить Array от Object?

newaitix,

Понимаете почему это важно ? потому что далее во коду я делаю

Не надо так писать.

Как строго отделить Array от Object?

newaitix,

. Все что мне нужно это отделить объекты которые можно обрабатывать циклом

С этого и надо было начинать.
Если у вас возникла такая необходимость, то вам стоит пересмотреть свои подходы к дизайну и решению задач.