Рубрики
Без рубрики

Измерение простоты в коде

Фото Blake Sanally на Unsplash Это мои личные мнения и не предназначены как эксперт V … помечены программированием, JavaScript, планированием, системойDesign.

фото Blake Sanally на Бессмысленно

Это мои личные мнения и не предназначены как эксперт по вещам. Примите с щепоткой соли:)

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

У меня есть немного. Так что ты можешь.

В то время как уклоны сами по себе не ошибаются, но по временам вроде не хватает объективно измерения концепции, по которой смещение формируется в первую очередь.

Одна метрика, которую я обнаружил, что работал для меня со временем, так это: количество кода (количество файлов + логика + локальная линия). Один должен загружаться в свой мозг, чтобы иметь возможность понимать и расширить функциональность.

Разговор дешево, покажи мне надуманный пример!

Здесь у нас есть форма, которая «синхронизация» это состояние в какой-то магазин. Такие же данные используются для визуализации приветствия.

Теперь в регулярном применении вы можете добавить redux. И несколько вызовов API в дополнение к демонстрации CodeSandbox и неизвестно вам, разработчик, рождается монстр Франкенштейна. А вы, разработчик с контекстом – пресловутый доктор Франкенштейн в нашей истории:)

Введите меня, новый разработчик вашей команде. Первая задача назначена это: «Добавить опцию общих ресурсов к приветственному компоненту»

Выглядит достаточно безвредно, чтобы быть отмеченным новичком дружелюбным.

Теперь, для меня, чтобы начать работу, даже в надуемом примере, я должен пройти через следующие файлы, чтобы понять, как течет данные:

  1. App.js.
  2. с fformcontext.js.
  3. Formwrapper.js.
  4. (Теперь кружись обратно в app.js ) Form.js.
  5. (И, наконец) Приветствие

Если каким-то образом я не следил за последовательностью и пошел от App.js к Form.js. напрямую, мне пришлось бы вернуться в Formwrapper.js , с fformcontext.js а потом некоторые, как земля на Приветствие

Это делает работу. Он использует состав компонента, компонент более высокого порядка и контекст для достижения введения зависимости государства. Ничего плохого в этом сам. За исключением уровня косвения, брошенного со временем.

Теперь посмотрите на следующий пример. Да, это надумано еще, но, пожалуйста, постарайтесь смотреть за пределы очевидного. Мы использовали обычную старую концепцию «подъемного состояния».

Теперь, когда мне нужно добавить параметры обмена в Приветствие Компонент, это набор компонентов/файлов, которые мне нужно пройти:

  1. App.js.
  2. Приветствие

Косвеление ушло и функция мудрое, оба примера похожи.

Пожалуйста, посмотрите в свою собственную кодовую базу и находитесь в поисках разделов кода, которые нуждаются в дополнительной документации или требуют новых желающих дольше на борту.

Каждый раз, когда вы добавляете новый обзор функций/кода, попробуйте проверить сумму кода/файлов, которые вам необходимо загрузить в свое время выполнения (мозг), чтобы вы могли работать с функцией.

Если это больше, чем вы можете помнить, когда вы достигнете глубины его, это может стать главным кандидатом на рефакторов.

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

Оригинал: “https://dev.to/rohanbagchi/measuring-simplicity-in-code-if4”