Как создавать сайты в фотошоп?

Фотошоп уже устарел и не имеет необходимых удобств. Лучше используйте Figma или Zeplin.

Как правильно верстать по макету figma?

Для типографики можете использовать em и rem, вместо px.
Если вы хотите чтобы сайт смотрелся абсолютно одинаково на всех десктоп-устройствах, тогда используйте сетку при вёрстке. Самая популярная, простая и удобная у Bootstrap.
Имхо, сетка - устаревший способ верстки.

Из чего составлять портфолио верстальщику?

Я бы рекомендовал для начала научиться верстать, а потом уже делать собственное портфолио и идти на фриланс)

Как вместо нескольких вызовов рендера выполнить один?

abberati, да я с редаксом знаком просто уже. Ну и считаю его наиболее удобным. Но в любом случае спасибо

Как вместо нескольких вызовов рендера выполнить один?

abberati, ну понятно. Что ж, тогда придётся юзать редакс

Как генерировать html при сборке приложения на react.js?

Вообще в index.html билдится js-код. Как вариант: можно эмулировать где-то запуск index.html и парсить получившийся html-код, который видит браузер на выходе. Но скорее всего найдётся более адекватное решение)

Как вместо нескольких вызовов рендера выполнить один?

А можно ли как-то оптимизировать этот процесс? Только если занести всё в один общий state?

Как прижать ссылки с image-background к низу страницы?

Создаёте блок №2, который не будет лежать внутри блока №1 с position: relative. И блоку №2 прописываете: position: absolute; bottom: 0;

Как ускорить рендер после изменения input?

Понял, спасибо. А по архитектуре всё корректно сделано?

Как не компилить каждый раз SCSS / SASS в CSS?

Разница между Sass и SCSS невелика. Небольшие отличия в синтаксисе, не более.
А для компиляции я в VS Code использую Live Sass Compiler. Он и Sass и SCSS компилировать может.

Как редактировать значения в div'e?

Можешь использовать textarea

Как отправить изображение на сервер?

Да, действительно. Вот сейчас пытаюсь отправить изображение в storage:

firebase.storage().ref().put(new FileReader().readAsDataURL(e.target.files[0]))

Ошибка :

Uncaught FirebaseError: Firebase Storage: The operation 'put' cannot be performed on a root reference, create a non-root reference using child, such as .child('file.png').

Как выполнить команду в терминале из приложения на ReactJS?

Я видимо некорректно выразился. Я не хочу сам писать парсер на React, а хочу использовать готовый плагин, работая с ним по API через своё приложение на React.

Как бы вы оценили свёрстанный сайт портфолио?

Froggyweb, а может это дизайн такой? Что кнопка должна находиться внутри тачпада))

Как выполнить команду в терминале из приложения на ReactJS?

Да это понятно, но не хочу изобретать велосипед. Поэтому ищу готовое решение

Как решить задачу со стилями?

Вставил старую версию JSFiddle, фон есть. А вот о цифрах я не подумал. А что за отступ между букв?

Как эффективно и правильно изучать frontend?

Самый эффективный способ не изучать фронтенд

Что не так с функцией изменения состояния?

i1yas, спасибо

Что не так с функцией изменения состояния?

Вышло:

setStates(prev => {
      return (
        prev.map(data => {
          if (data.id === Number(id)) {
            (data.state === 2) ? { ...data, state: 0 } : { ...data, state: data.state + 1 }
          }
          return data
        })
      )
    })

Ошибка: Expected an assignment or function call and instead saw an expression

Как отобразить n-ое количество элементов на странице, на основании введенного числа в форму?

Можно добавить useEffect и useRef. useEffect будет отслеживать изменение value в input и выполнять соответствующие действия (добавлять элементы на страницу)