Как сверстать подобный header?

Pavel_20, не спорю. Да, нужно сделать так header -> nav.
Ведь header не всегда говорит от том, что там есть навигация, может там просто кнопка какая-то или поисковое поле.
Если в шапке нет навигации, то можно просто header

Как сверстать подобный header?

Pavel_20, нельзя же всё сразу преподносить на блюдечке с голубой каемочкой.
Пускай человек сам разберётся. SEO, HTML, CSS и так далее...
А то если всё рассказать и носом тыкнуть, толку ноль от это будет.

Как разделить блоки в строке без того, чтобы поплыли привязанные col?

Можно чутка конкретики?
Как ты хочешь, чтоб всё это выглядело?
Схематически опиши

Почему параметр компонента указан в фигурных скобках?

Станислав Смолянко,

Когда ты хочешь отрендерить компонент то делаешь вот так:
<Component />

И чтобы передать в дочерний компонент данные, то ты передаёшь пропсы:

<Component users={users} title="Список пользователей" ... />

Всё что ты написал: user, title и так далее будут находиться в props.

props = {
   users: [] - массив юзеров,
   title; 'Список пользователей',
}

Напрямую? То есть не прокидывать через всё дерево компонентов?

Как сделать возвращение на предыдущую страницу автоматически?

Ничего не понятно из вопроса.
В какой момент времени должен происходить переход?

React.js Не обновляется содержимое на сайте при добавлении элемента в массив. Почему?

Но осталась ещё проблема, когда добавляешь элемент в массив ( в state ), то после того, как я что-либо напишу в строке поиска, элемент пропадает, так как массив переписывается

class App extends React.Component {
    state = {
      people : this.props.data
    }
    filterList = (newText) =>{
      var newMass = this.props.data.filter(function(user){
        return (user.name).toLowerCase().search(newText.toLowerCase()) !== -1;
      })
      this.setState({people : newMass})
    }

Правильно ли я понимаю, что уже в этой ситуации нужен Redux ?

React.js Не обновляется содержимое на сайте при добавлении элемента в массив. Почему?

Александр, именно, опередили меня с ответом :D

React.js Не обновляется содержимое на сайте при добавлении элемента в массив. Почему?

Я разобрался с своей проблемой благодаря Даше, т.к. напомнила про рендер компонента при изменении состояния state
Решение простое :

let mass = this.state.people
 mass.push({id: 3, name: 'Hello', done: false})
 this.setState({people : mass})

Спасибо.

Как связать данные из phpMyAdmin с шаблонизатором TWIG?

GavriKos, спасибо за ответ.
И вот ещё один вопрос:
Для каждого нового Template'a нужно создавать отдельный php файл с определённым запросом с БД и указанием названия шаблона?

$loader = new Twig_Loader_Filesystem('templates');
  $twig = new Twig_Environment($loader)
  $template = $twig->loadTemplate('countries2.tmpl');
  echo $template->render(array ('data' => $data ));

Как "Скрыть"/"Показать" определенный блок в списке по нажатию кнопки во Vue.js?

А не могли бы вы внести изменения прям в мой код, а то я что-то не понимаю, куда что вставлять.
Т.е, как всё должно выглядеть.
Спасибо! ♥
Я новичок во Vue.js