Евгений ---

1. Заказчик который нанимает такого разработчика не дурак, поэтому не бойтесь озвучить ему технические особенности, например:
- писал систему занесения логов в mongoDB
- писал систему анализа текстовых логов с такой-то целью
- разрабатывал серверный сценарий на таком-то языке, он делает тот-то с такой-то целью
- оптимизировал эту и эту часть сервера таким-то образом, в результате

2. Возможности:
- создание сайта с нуля (дизайн, вёрстка ваши, но если с этим сложно могу помочь(договоритесь с с дизайнером и верстальщиком))
- доработка сайтов
- оптимизация нагрузки, установка плагинов для для вордпресс
и т.д.

1. Перерисовка компонента происходит, как следствие перерисовки родителя или вызовов this.setState() или this.forceUpdate().
Ее можно контролировать в class components с помощью метода жизненного цикла shouldComponentUpdate. При вызове this.forceUpdate() shouldComponentUpdate не вызывается.

2.

Изменение свойств (props) компонента, полученных от родителя или перерисовка родителя.

Получить новые свойства без перерисовки родителя невозможно.

Чтобы дочерние компоненты не перерисовывались по цепочке, вы должны реализовывать метод shouldComponentUpdate или использовать PureComponent там, где это уместно. Перерисовку функциональных компонентов контролировать нельзя(разве с помощью HOC). Использование HOC connect убирает все лишние перерисовки дочернего компонента.

3. Провайдеры это обычные компоненты. Перерисовывается родитель - перерисовываются они.

Все, что я написал выше, кроме кейса с connect, есть в официальной документации. Стоит открыть почитать.

SVG + 2 маски, одна пропорционально растягивается, другая непропорционально. Отрицательным margin загнать секции одна на другую.

если все заказчики, в основном, просят натяжку на CMS, где нужно понимание php

False

на CMS, где нужно понимание php

False

на каком уровне нужно знать backend

на уровне - я знаю как решить данную проблему за Х часов, я ее уже решал минимум два раза

Что за Babel, Webpack, зачем их использовать и обязательно ли это?

babel - транслятор ES6+ (текущий стандарт JS + возможность добавлять драфты стандартов) в javascript (ES5). То есть возможность использовать фишки нового стандарта в старых браузерах. С одной стороны использовать его новичку было бы полезно, так как многие вещи из новых стандартов сильно упрощают код. С другой стороны есть риск по неопытности сделать плохо. Но этот риск как бы есть всегда.

webpack - бандлер. Он собирает модули в бандлы (то есть не только JS, но и картинки может в стили заинлайнить а те что сильно большие рядом положить ну и все такое). При этом может разрулить много чего и с ним реально проще жить.

Модули? Почему нельзя вручную создать директории и файлы?

Модули никакого отношения к структуре директорий не имеют. Это нужно для инкапсуляции и изоляции. Примите как аксиому что все глобальное это плохо и стоит избегать оного. Модули локализуют все в локальные области видимости. Ну и управлять зависимостями становится проще.

Гугл. Ищущему да воздастся. Все гуглить по отдельности. И что там в ES6 нового, и про babel, и про webpack (ну тут можно еще отдельно webpack + babel).