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

Лучший ответ: Правильная означает близка к реальной разработке на каком-нибудь из перечисленных фреймворках.
1. «Реальная» разработка часто полный антоним «правильной». Причин тому много: фантастические дедлайны, талантливые сотрудники, проверенный временем легаси код, эффективные менеджеры. Худший код, с которым я сталкивался, был в самых дорогих b2b энтерпрайз решениях — реальнее некуда.

2. Перечисленные фреймворки к вопросу не приложились, но т.к. в тегах жаваскрипт, будем считать, что реакт.

Из последнего, на что натыкался, мне понравился Doctocat — это сделанный в Гитхабе шаблон для Gatsby. На мой взгляд, это реально классный пример интеграции реакт-компонент. Используется в продакшене, так что реальная разработка, все дела.

На что обратить внимание:

– Собственно компоненты, их композиция.
– Как задается тема (цвета, шрифты), и как это попадает в стили
– Интеграция с third parties: подсветка кода, поиск
– Кастомизация: через shadowing и всякий ad-hoc
– Работа с MDX, реэкспорт layouts и т.п.

Лучше всего с этим работать так: поднять сайт на этой штуке на локалхосте. Попробовать кастомизировать его. Сделать выводы: что помогает, что мешает.

Ну и да, не бывает идеальной архитектуры, везде свои плюсы и минусы.

С радостью отвечу на вопросы, тут же есть ЛС, правда?

Удачи!

Худший ответ: Ну смотри. Тебе следует почитать о прицнипах ООП, функционального програмирования. Будешь лучше понимать, как правильно писать код, чтобы потом не было с ним проблем.
Читай о патернах, методологий (css). Есть в ООП такое понятие как принцип solid

Вот несколько источников, где можо познакомиться с этим:
https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D0%B7%D...
https://labs-org.ru/obektno-orientirovannoe-vizual...
https://tproger.ru/translations/10-oop-principles/
https://techrocks.ru/2020/08/26/solid-principles-i...
https://medium.com/webbdev/solid-4ffc018077da

О патернах ООП:
https://habr.com/ru/post/136766/
https://proglib.io/p/learn-oop-patterns/ - более новая статья (патерны те же)
https://ru.wikipedia.org/wiki/%D0%A8%D0%B0%D0%B1%D... - познкомишьс с шаблонном проектированием. Рекомендую в википедии взять их названия познакомиться с ними там на каком-то уровне базовом, а потом гуглить их по отдельности, особенно ООП, потому как js является ООП языком и с функциональном программированием, лишним вообще не разу не будет. 

Если будешь гуглить такую тематику, то там будут примеры того, что описывает прицип, так лучше будешь понимать, как надо делать и какие плюсы ты получишь от использования. Ну и желателен наставник, который бы указывал на ошибки. Ну и конечно же побольше писать! Еще научиться проводить рефакторинг кода, это когда ты написал функцию, например, а она у тебя большая, сложная и не понятная, а ты знаешь, что функция у тебя должна выполнять ровно одно действие, вот ты и дробишь ее на несколько мелких, меняшь условия на более логичные, менешь название переменных на более понятные и т.д. Сокращаешь код или делаешь его более локаничым, оставляя функционал тот же и вот ты уже можешь переиспользовать любую из функций, просто дав ей нужные аргументы, а что у тебя в условии понятно с полувзгляда, потому что, например, у тебя функция какая-то проверяет условие, возвращет boolean значение и тебе достаточно в if проверить, что тебе вернулось true или false)

А в репозиториях все, что ты поймешь, так это то-что ничего не понятно)))
Масимум увидешь как можно написать ту или иную вещь. Все! Ты больше ничего там не поймешь. Слишком много кода, для анализа, чтобы учиться на твом уровне