Публикации по теме 'front-end-development'
Плохая практика Redux # 5: Дублированное состояние
Допустим, вам нужно отобразить отфильтрованный список товаров.
Одним из подходов может быть сохранение отфильтрованного списка при каждом изменении фильтра в состоянии компонента или в другом ключе в хранилище Redux:
onFilterChange(filter) {
this.setState({
filteredProducts: this.props.products.filter(...)
})
}
лучшим подходом было бы использование кэшированных селекторов с reselect :
mapStateToProps = (state) => ({
filteredProducts: filteredProductsSelector(state)..
Как использовать угловую трубу в файле компонента
Вам не всегда нужно использовать угловую трубу в шаблоне
В этом посте я покажу вам, как можно использовать каналы Angular в коде компонента. Часто мы используем каналы в шаблоне, однако каналы - это просто классы с некоторой логикой, поэтому их также можно использовать в коде машинописного текста.
Чтобы проиллюстрировать использование каналов Angular в компоненте, я буду использовать TitleCasePipe . Но принципы, которые я изложил, должны применяться и работать с любыми другими..
Шпаргалка по кнопкам ReactJS
Кнопками? У тебя есть все здесь
Жизнь большинства веб-разработчиков вращается вокруг создания компонентов и их стилизации. Я, как backend-разработчик, обнаружил, что перебирал 4–5 ссылок на StackOverflow, прежде чем смог запустить и запустить компонент с одной кнопкой. Вот список основных операций.
Создать новый проект React
npx create-react-app react_button_cheatsheet
Как создать кнопку
class UpgradedButton extends React.Component{
render(){..
Стилизация приложения Elm без CSS
Как бы мне ни нравился CSS за его творческий потенциал, мне кажется невозможным не чувствовать боли, когда дело доходит до его масштабирования. В carwow в настоящее время более 40 инженеров ежедневно работают над нашим онлайн-приложением, и все мы в конечном итоге пишем CSS. Как бы мы ни старались держать вещи в порядке и использовать нашу систему дизайна , мы неизбежно сталкиваемся с типичными проблемами, связанными с поддержанием большой базы кода CSS: несогласованность,..
Практический пример улучшения производительности приложения React во время выполнения
Практический пример оптимизации производительности React SPA.
Производительность веб-приложения — это не только время загрузки. Крайне важно предоставить пользователям быстродействующее приложение, особенно для продуктивного веб-приложения, которое люди используют каждый день.
Проблема
Веб-приложение, созданное с помощью React, которое помогает владельцам магазинов (ресторанов и кафе) управлять сменной работой своих сотрудников. Одностраничное приложение предоставляет широкие..
Вызвать обновление статуса JSON
Как вы знаете, год назад я начал работать над карточной игрой/карточками для программистов. Потребовалось довольно много времени, чтобы закончить его.
Дизайн, корректура колоды. Затем тестирование с семьей и друзьями с первым прототипом.
После Javascript еще одна колода для Python. Я горжусь этим, потому что это позволило мне установить больше связей с популярной культурой и добавить еще больше юмора в колоду.
Что касается других действий, то они также заняли много..
Первые принципы программирования – 8. Первый принцип – Доказательство того, что код работает
Этот пост ( Первые принципы программирования — 8. Первый принцип — Доказательство того, что код работает ) изначально был опубликован на Sargalias .
Эта статья является частью серии «Первые принципы программирования»:
Цель — О чем этот сериал Аудитория — для кого этот сериал Требования к программному обеспечению Посылка — минимум информации Предпосылка — Мы должны понимать, что делаем Предпосылка — свести к минимуму распространение изменений по всей системе..