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

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

Но ты не можешь.

Вы когда-нибудь задумывались, как браузеры читают и запускают код JavaScript? Это кажется волшебным, но вы можете получить подсказку о том, что происходит под капотом.

Ах да, CSS. Едва ли неделя проходит без того, чтобы это не стало темой жаркой онлайн-дискуссии. Это слишком тяжело. Это слишком просто. Это непредсказуемо. Она устарела.

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

Выражения Template были для меня одной из самых полезных функций, когда я начал использовать Angular в 2017 году. Определите ваши данные / свойство в компоненте и отобразите его в компоненте с помощью двойных фигурных скобок - это было потрясающе. Хотя, если это показалось мне очень полезным, мне все равно нужно было узнать лучшие практики использования шаблонных выражений в Angular.

В этой статье мы рассмотрим выражения шаблонов в Angular и то, как их оптимизировать, чтобы улучшить производительность наших приложений.

С Proxy вы получаете объект тигра, замаскированный под объект кошки. Вот около полудюжины примеров, которые, я надеюсь, убедят вас в том, что Proxy обеспечивает мощное метапрограммирование в Javascript.

В наши дни все говорят о хуках React. Работа с ними требует небольшого изменения мышления, когда вы так долго работали с классами компонентов React. Команда React специально сказала, что они продолжат поддерживать классы, так зачем использовать хуки?

Во время моего раннего путешествия в React я наткнулся на концепцию «виртуального DOM» и был довольно озадачен. Я понял, что во время изучения HTML, CSS и Javascript был «DOM», но что за черт был виртуальный DOM и зачем он нам нужен в React?

React использует такие сборщики, как WebPack, для упаковки своего кода и его развертывания в браузере. Этот пакет используется браузером для визуализации вашего приложения React.

Теперь представьте, что вы создаете приложение с сотнями компонентов. По умолчанию, упаковщик объединит все эти компоненты в один bundle.js и загрузит ваше приложение. Это, в свою очередь, увеличит первоначальный размер бандла, что приведет к увеличению времени загрузки.

Сегодня я собираюсь поделиться несколькими основными концепциями Redux без использования какой-либо библиотеки представлений (React или Angular). Это своего рода личная заметка для дальнейшего использования, но она может помочь и другим.