Евгений

Писать в sessionStorage: https://developer.mozilla.org/ru/docs/Web/API/Wind...

Если не подходит по времени жизни, то в localStorage:
https://developer.mozilla.org/ru/docs/Web/API/Wind...

Если нет поддержки в нужных тебе браузерах, то в куки:
https://developer.mozilla.org/ru/docs/Web/API/Docu...

Библа для удобной работы с куками:
https://www.npmjs.com/package/js-cookie

Атрибут checked в верстке предназначен для того, чтобы декларативным образом выставить исходное значение инпуту. Впоследствии, при изменении состояния инпута, в инспекторе атрибут не обязан меняться (если ты об этом).

По коду, если тебе нужно контрить изменение инпута, то лучше написать так:

$('input[type="checkbox"]').change(function(event){
    if(event.target.checked){
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
});

Попробуй эмуляцию в инспекторе (во всех мажорных браузерах давно имеется), пример на хроме: https://s.mail.ru/8MvZ/yigABGFe1

Если не подходит, есть и эмулятор, вот, например, официальный: https://developer.android.com/studio/install.html

вот, пошагово: https://gist.github.com/limonte/a6d00f09edccfd66b6...

Дело в том, что в каждой итерации внутри forEach ты перезаписываешь объект obj полностью (а не расширяешь/дополняешь его), так что в последней итерации в объекте obj будут только те св-ва/значения, которые были у последнего элемента массива. Лучше так:

const toObj = (arr) => arr.reduce((a, b) => ({ ...a, ...b }));

https://codepen.io/3lvcz/pen/PROdXx

Прежде всего, необходимо понимать, как у тебя меняется роут (стало больше сегментов или меньше).

Чтобы это можно было вычислить, нужно сравнивать предыдущий роут с текущим при апдейтах компонента.

Вариант #1: изменить SFC на класс и воспользоваться componentWillReceiveProps. Соответственно там трекаешь, как изменился роут и пишешь в setState.

Вариант #2: мемоизация каким-нибудь HOC'ом, например так

const withPrevProps = (Component) => {
    let prevProps = null;
    return (props) => {
        const component = (
            <Component
                {...props}
                prevProps={prevProps}
            />
        );
        prevProps = props;
        return component;
    };
};

const App = withRouter(withPrevProps(({ location, prevProps }) => (
  ...
)));

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

<CSSTransition
    classNames={'slide-' + slideDirection}
 ...

Живой пример не делал, но кажется это должно подойти

www.designchemical.com/blog/index.php/jquery/jquer...

Не успел :) JRK_DV правильно сказал. Можно еще изображением: https://codepen.io/anon/pen/NYvYmo
(в JS закомментировано, откуда я брал base64)

В первую очередь, я бы не стал делать это на svg (а зачем?), возможно подойдет такой вариант: https://codepen.io/anon/pen/WzEzRK

Проблема в том, что у дочернего элемента не может быть z-index меньше, чем у родительского, как в твоем случае.

Реализовать можно по-разному, в зависимости от того, что и как еще ты там захочешь расположить. Как вариант, изменить так:

.block1 {
    /* background: #323232; */
    /* z-index: 10; */
}

.block1::after {
    content: "";
    position: relative;
    display: block;
    height: 100%;
    background: #323232;
}

img {
    /* z-index: 1; */
}

Обрати внимание, здесь не конечные стили, а только то, что следует добавить или убрать. Либо, если не хочется делать ::after, можно вместо него добавить после изображения элемент на верстку и прописать ему схожие стили.

Измененный пример: https://codepen.io/anon/pen/BrdYJQ

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

- использовать коллбэк, который падает первым аргументом в таск
- вернуть поток из таска (галп будет ждать когда он закроется)
- вернуть промис из таска (Gulp4-only)

В твоем случае, почти во всех тасках ты возвращаешь результат выполнения gulp.src - а это и есть поток, а там где ты не делаешь return gulp.src (в подтасках "fonts" и "image:build") - там галп не может раздуплить, закончен таск или нет, отсюда ошибка.