Около часа назад я объединил PR (pull request), который начал 4 дня назад (30 ноября). Этот PR был специально сделан для рефакторинга и упрощения дизайна моего сайта. Это были очень информативные 4 дня, и я хотел бы поделиться некоторыми вещами, которые я узнал за это время.

Зачем его рефакторить?

Когда я просматриваю репозиторий своего сайта, я все больше и больше вижу, что мой код беспорядочный. Не говоря уже о том, что то, как я назвал файлы, компоненты, переменные и т. д., иногда может сбивать с толку. Но что действительно подтолкнуло меня к рефакторингу, так это то, что я наткнулся на Руководство по стилю JavaScript от Airbnb.

Руководство по стилю JavaScript Airbnb (https://airbnb.io/javascript/react/) — это набор передовых практик и руководств, помогающих писать функциональный и чистый код. Не говоря уже о том, что в руководстве рекомендуются последние стандарты и лучшие практики.

Чему я научился.

Вот три вещи, которые я усвоил, когда рефакторил свой сайт.

  • Разбивайте огромные функции на небольшие фрагменты. Иногда лучше разбить огромные функции на более мелкие. Это облегчает чтение кода, поиск ошибок и его поддержку. Не говоря уже о том, что вы в конечном итоге будете писать меньше кода, так как у вас есть возможность повторного использования компонентов.
  • Просто лучше — это относится как к рефакторингу, так и к изменению дизайна сайта. Мы часто увлекаемся и добавляем в наш проект больше возможностей, чем необходимо. Хотя я считаю, что лучший способ учиться — это применять это, использовать это. Добавление возможностей и функций, которые не нужны, только усложняет проект. Не говоря уже о том, что больше усилий, чем требуется.
  • Рефакторинг чаще — мы должны проводить рефакторинг чаще. Рефакторинг помогает нам уменьшить размер нашей кодовой базы, а также найти части нашего кода, которые нуждаются в оптимизации. Эта оптимизация может варьироваться от удобства чтения до функциональности.

Как это помогло моему сайту.

Рефакторинг помог мне сделать кодовую базу более читабельной и простой. Но самым большим преимуществом было то, что это позволило мне удалить из репозитория около 400 дополнительных строк кода. Это избыточные, неиспользуемые или ненужные линии. И чем меньше кодовая база, тем проще ею управлять и исправлять, если могут возникнуть ошибки и другие проблемы.

Но со временем, когда на мой сайт будут добавляться новые функции и функции, репозиторий станет больше, чем сегодня. И в дальнейшем я проведу небольшой рефакторинг, чтобы помочь мне управлять своим веб-сайтом и поддерживать его в отличной форме.

Если вы хотите просмотреть PR, просто перейдите по этой ссылке: https://github.com/chof64/chadfernandez-me/pull/10.