residentdv

Для таких случаев, лучше использовать redux. А так, от родителя к потомку https://facebook.github.io/react/docs/transferring...

React.js это не только V из MVC, это полноценная библиотека для создания UI компонентов, которая прекрасно работает без M и C из MVC архитектуры (т.е. вместо MVC архитектуры, React-разработчики обычно используют Flux архитектуру). В дополнение к React, для больших приложений имеет смысл использовать GraphQL в качестве data API бэкенда и Relay в качестве управления данными на клиенте (Redux в данном случае скорее всего не понадобится). Пример можно посмотреть здесь => https://github.com/kriasoft/react-starter-kit

Попробуй такой запрос:

SELECT books.id, books.title, books.year, COUNT(articles.book)
FROM books, articles
WHERE articles.book = books.id
GROUP BY books.id, books.title, books.year

А такой запрос должен вывести все книги, даже если нет articles:

SELECT books.id, books.title, books.year, COUNT(articles.book)
FROM books LEFT JOIN articles ON books.id=articles.book
GROUP BY books.id, books.title, books.year

А ещё лучше зайти на www.sql-ex.ru и по тренироваться в создании запросов.

Стандартная комбинаторная задача на перестановки, решается как рекурсивными, так и нерекурсивными алгоритмами, посмотреть можно, например, здесь
Вот реализация одного из алгоритмов на php:

$arr = array('word1', 'word2', 'word3');

$n = count($arr);
for ($i = 1; $i <= $n; $i++) {
    $pos[$i] = $i-1;
    $c[$i] = 1;
    $pr[$i] = 1;
}
$c[$n] = 0;

foreach($pos as $p)
    echo $arr[$p],' ';
echo "<br>";

$i = 1;
while ($i < $n) {
    $i = 1;
    $x = 0;
    while ($c[$i] == $n-$i+1) {
        $pr[$i] = 1-$pr[$i];
        $c[$i] = 1;
        $x += $pr[$i];
        $i++;
    }
    if ($i < $n) {
        $k = $pr[$i] ? $c[$i]+$x : $n-$i+1-$c[$i]+$x;
        $t = $pos[$k];
        $pos[$k] = $pos[$k+1];
        $pos[$k+1] = $t;
        foreach($pos as $p)
            echo $arr[$p],' ';
        echo "<br>";
        $c[$i]++;
    }
}

Результат:

word1 word2 word3
word2 word1 word3
word2 word3 word1
word3 word2 word1
word3 word1 word2
word1 word3 word2

function combinations($words)
{
    if (count($words) == 1) {
        return [$words];
    };

    $combinations = [];
    $i = 0;

    do {
        $first_word = array_shift($words);
        foreach (combinations($words) as $cmb) {
            $combinations[] = array_merge([$first_word], $cmb);
        };
        array_push($words, $first_word);
    } while (++$i < count($words));

    return $combinations;
};

$combinations = combinations(explode(' ', 'word1 word2 word3 word4'));

print_r($combinations);

Вы изначально неверно поняли картинку, посмотрите внимательно какие технологии используются на фронтэнде (HTML, CSS, JS). Обычно делается так:
бекэнд - любой язык, REST
фронтэнд - nginx отдает index.html (условно говоря на любой запрос) + стили + js (много кода на js. Фактически вся логика сайта написана на js). JS код уже смотрит на текущий адрес страницы, производит роутинг, рендерит layout (пока ни одного запроса к бекэнду, кроме инициализирующего), затем по ссылке он понимает какие данные ему нужны от бекэнда (к примеру список задач на сегодня) и делает асинхронный запрос (из js'а. Это может быть несколько запросов к разным частям апи). Получив ответ на этот запрос (в виде json) js разбирает его и рендерит на шаблон (все это на js). Таким образом мы получаем: бекэнд не занимается рендерингом шаблонов, значительная часть логики отрисовки и роутинга находится на клиенте и он сам с ней разбирается, гибкость системы (бекэнд может использоваться для мобильных приложений, к примеру).
То, что описали Вы - трудно назвать правильной архитектурой. По сути Ваш "фронтэнд" - обычный прокси запросов, который все также генерит Html на сервере (тратит ресурсы сервера, а не клиента) + еще курлом гоняет бекэнд. Прироста производительности с такой архитектурой Вы не получите.

Список городов тут
weather.yandex.ru/static/cities.xml
Погода тут
export.yandex.ru/weather-ng/forecasts/{id_city}.xml

developer.yahoo.com/weather