😑 Ошибки, которые я совершил, когда начинал работать с Angular (применимо к любому веб-фреймворку)

Это те вещи, которые вы должны учитывать, когда начинаете работать с JS-фреймворками.

1. Мышление в компонентах

Стремление быстро разработать что-то, когда вы начинаете что-то новое, должно быть под контролем. Самые мелкие вещи, такие как кнопка, поле ввода, даже тег заголовка, делайте компонентом.

Почему?

  • Всякий раз, когда есть кнопка, вы всегда будете использовать этот компонент, и это поможет поддерживать кнопку на всех страницах последовательно.
  • Одно изменение в этом компоненте кнопки всегда будет обновляться везде, где он используется.

Конечная цель компонентов — разбить веб-страницы на очень маленькие кусочки кода, чтобы улучшить читабельность и сделать их более последовательными.

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

2. Ленивая загрузка маршрутов

Вместо того чтобы загружать все с самого начала, разбейте свои страницы на небольшие модули и загружайте их только тогда, когда активируется маршрут. Это не так сложно в angular, как вы думаете.

Узнайте больше о ленивой загрузке

3. Использование типов

Angular использует typescript по умолчанию, но не react/next. Но вы можете легко добавить типы в них с помощью create-react-app с typescript.

Не делайте ничего в качестве любого, если вы не тестировали, работает оно или нет. Типы проделывают долгий путь для улучшения кода и привычка нажимать ctrl + пробел для этих предложений резко сокращает время разработки, а проверка нуля необходима, мы можем легко забыть о проверке нуля при использовании javascript.

4. Angular + CSS

Для новичков и тех, кто в основном работает в компаниях, всегда есть css-фреймворки, такие как Angular Material / Bootstrap / PrimeNg.

Настройка Bootstrap и Angular Material — это настоящая головная боль. Иногда это будет работать, а иногда нет, и попытки понять это сами по себе будут стоить большой производительности.

Так что будьте внимательны, решение, которое сработало для меня при использовании Bootstrap/Material — я всегда оборачиваю этот код/компонент в свой собственный маленький компонент, пишу пользовательские css классы и использую это везде.

5. Использование rxjs

Это не нужно, когда вы начинаете, но в определенный момент времени вам придется изучить это для улучшения сайта. От этого никуда не деться. (Я работаю 1+ год на angular, я все еще не знаю rxjs, скоро начну).


📝 Добавьте это в закладки, если вы собираетесь начать с angular.

😱 Знаете ли вы, что использование await внутри forEach не работает?
Узнайте почему за 2 минуты

🕸 Если вы начинающий веб-разработчик и вам нужны классные сайты с css для изучения, посетите Colors & Design.

И если вам нравятся такие небольшие статьи для повышения уровня знаний, не забывайте следить за dev.to, это мотивирует писать больше и вносить вклад в открытый исходный код.

Мир 🕊 !

Оцените статью
Procodings.ru
Добавить комментарий