2022-05-30 11:40:00
Корисні поради для React девелопера React - одна з найпопулярніших бібліотек для побудови користувацьких інтерфейсів. #CodicaTeam також використовує цю бібліотеку. Тож ми зібрали для вас 5 корисних порад, що допоможуть вам у роботі:
Зберігайте ваші компоненти невеликими
Залишати компоненти невеликими – одна з найкращих практик React. Існує одне перевірене правило, яке ви можете використовувати. Подивіться на метод render. Якщо в ньому більше ніж 10 рядків, то ваш компонент, імовірно, занадто великий і є хорошим кандидатом для рефакторингу та поділу на кілька менших компонентів. Реалізація лише цієї, здавалося б, простої практики може допомогти вам писати більш чистий та зручний для підтримки код.
Як слід познайомтеся з React-хуками
Якщо ви хочете просунутися у сфері React-розробки, то найкраще, на що ви можете виділити час, це глибоке вивчення хуків з метою їхнього повного розуміння.
Вам потрібен якийсь побічний ефект? Якщо так, тоді хук useEffect - це ваш найкращий друг. Чи потрібно організувати спостереження за станом компонента та виконувати його повторний рендеринг при зміні стану? Подивіться на useState. Потрібно зберігати й оновлювати певні значення між рендерингами, але при зміні цих значень рендеринг не виконувати? А може, вам потрібно знати про висоту чи ширину DOM-елементів? Тоді ваш друг - це useRef.
Приділіть особливу увагу тестуванню
Рівень володіння технологіями тестування - це те, що відокремлює джуніорів від сеньйорів. Якщо ви не знайомі з методиками тестування React-програм, ви можете знайти і вивчити масу матеріалів про це.
Можливо, ви колись писали кілька модульних тестів, але вашого досвіду не вистачає на те, щоб створювати інтеграційні тести, що охоплюють додаток? Це не повинно вас турбувати, тому що, знову ж таки, є безліч ресурсів, які допоможуть вам заповнити прогалини у знаннях і напрацювати потрібний досвід.
Перевірка коду за допомогою лінтера
Підвищенню якості програм сприяє використання належної системи перевірки коду на наявність помилок. Зазвичай такі перевірки здійснюють за допомогою програм-лінтерів. Якщо розробник має продуманий набір правил лінтингу, редактор коду зможе автоматично відстежувати появу того, що може призвести до проблем.
Деструктуруйте властивості
Деструктурування властивостей (в англомовній термінології React їх називають
«props») — це вдалий спосіб зробити код чистішим і покращити можливості його підтримки. Справа в тому, що це дозволяє чітко виражати або оголошувати те, що використовує певну сутність (на зразок компонента React).
@codica
Зрозумілого вам коду!
366 views08:40