Общо ръководство за всеки фронтенд разработчик.

Всеки преден проект, независимо дали е на NextJS или ReactJS, има някои насоки, които всеки разработчик трябва да следва, за да направи проекта си стабилен и поддържаем. така че ето някои насоки за всеки преден проектт.

  1. Следвайте принципа на SOLID.
    SOLID     е основен фундамент на софтуерното инженерство и трябва да трябва да следвате във вашия код и проект.
    SOLIDсъкращение за :
    1. S — Принцип на единична отговорност.
    2. O — Отворен затворен принцип.
    3. L — Принцип на заместване на Лисков.
    4. I — Разделяне на интерфейса принцип
    5. D — Принцип на инверсия на зависимостта.
  2. Използвайте ES-Lint и Husky.
    ES-Lint     помага да откриете грешка в кода и също така ви предоставя корекцията на кода, ES-Lint прави работата на рецензента на кода много лесна.< br /> Huskyпомага при стандартното предаване на съобщения и не позволява кодът за грешка или кодът за грешки да бъде ангажиран.
  3. Използвайте npmrc и nvmrc.
    npmrc    се използва за определяне на машината за възли за проекта. така че другите разработчици, които работят по същия проект, трябва да следват указаната машина за възли.
    nvmrc се използва за специфично управление на пакети за проекта.
  4. Задайте файла gitignore в проекта.
    gitignore    файлът позволява да игнорирате файла и модула в ангажимента и други файлове, които не искате да изпращате във вашето хранилище. като node_module и т.н.
  5. Следвайте принципа DRY.
    DRY    съкращение означава Don’t Repeat Yourself, никога не повтаряйте никакъв код.
    винаги използвайте компонент за многократна употреба и преобразувайте същия тип логика във функцията, така че да може да се използва навсякъде, където пожелаете.
    пр. — CustomHooks, utils, помощен файл.
  6. Винаги документирайте кода.
    Когато дефинирате функцията и компонента, винаги се уверявайте, че правилно сте предоставили коментарите и информацията за функцията и компонента. опитайте да използвате jsdocкато @paramза дефиниране на параметър и @return за дефиниране на върната стойност и нейния тип на функцията.
  7. Използвайте файл с променлива среда.
    Винаги използвайте файл env за дефиниране на поверителна информация като крайни точки на API, токен за достъп и ключ на API. за защита на вашите лични данни.
  8. Barrel Pattern.
    Barrel Pattern ви позволява да конвертирате вашите няколко модула и файла в един удобен модул, който ви помага по време на импортиране на файла с модулите и компонентите.
  9. Използвайте константен и помощен функционален файл.
    Дефинирайте константните данни и променливата във файла константа. и дефинирайте помощната функция и други методи, които действат като помощни във вашия проект във файла с помощнафункция.
  10. Използвайте стандартен регистър
    Винаги следвайте Camel регистър, когато дефинирате името на функцията и променливата.
    например — getLocalStorage()
    Pascal Casing Стандарт за именуване на компоненти. например — UserProfile
    Kebab Casing за дефиниране на css className и id. например — admin_container.
  11. Използвайте персонализирана кука.
    Персонализираната кука     помага, когато имате някаква логика или данни, които ще се използват в няколко компонента, в този случай използването на персонализирана кука е по-добра опция.

Благодаря за четенето Ако харесвате този блог. моля, не забравяйте да следвате JS кода за повече съдържание.