Станислав Ким

90% современных сайтов - либо готовые цмс, либо набор из готовых пакетов, подключенных к готовому же фреймворку. Все нюансы "хорошей" разработки в основном сводятся либо к следованию кодестайла и гайдлайна фреймворка, либо очень специфичны и заточены на конкретную редко встречающуюся задачу, и как пособие по хорошему коду или пример удачного решения, редко подходят. По этому основная задача - следовать основным принципам программирования и гайдлайну выбранного фрейма, так же для лучшего понимания можно посмотреть как решают типовые задачи хорошие прогеры, есть куча подкастов, онлайн гайдов, статей...

Сам интересовался этим вопросом, на самом деле практика, практика , практика. Не стоит завязываться на чужом коде, пиши сам, чем больше практикуешься, тем больше становится вопросов, на которые ты найдешь много ответов, а позже сам выберешь, какой из них правильный.
Сколько людей, столько и мнений.
Каждый раз открываю свои старые проекты, не могу на них взглянуть без боли.
По поводу стека - React , Redux , TypeScript - хороший набор инструментов.

На гитхабе много опенсорсных проектов, но это не "сайты", это пакеты, библиотеки, клиенты.
У ряда фреймворков есть демо проекты, пример, просто гуглите "(framework) demo app".
Разберитесь с python и javascript по хорошим книгам, найдите подходящий youtube канал, где автор показывает, как пишет код приложения. Дальше ответы начнут нагугливаться сами)