Публикации по теме 'react'


Еженедельный дайджест внешнего интерфейса № 2 (10–16 апреля 2017 г.)
Веб-разработка Руководство по HTTP/2 Server Push Советы и рекомендации по отладке Теневой ДОМ != Виртуальный ДОМ Что такое бюджеты производительности и почему вы должны их использовать Плавная прокрутка и доступность Изучите Webpack за 15 минут Анонс PWAStats.com AMP для ритейлеров: оно того стоит? "Строительные блоки". Библиотека базовых компонентов пользовательского интерфейса. Эти сниппеты HTML, CSS и JS можно подключить к любому проекту Foundation для..
React Custom Hooks - используйте AutoScroll
Репо, связанное с этой статьей, можно найти здесь Недавно на работе я разработал компонент React с фиксированной высотой, но содержимое которого может иметь большую высоту, чем родительский div. Div содержит переменное количество входов, количество которых определяется пользователем, который может добавить вход, нажав кнопку. Я применил свойство overflow: scroll css, чтобы пользователь мог прокрутить вниз и использовать добавленный ввод. Вот упрощение компонента: Но..
Мой путь (до сих пор) в React: путь обучения
Мой путь (до сих пор) в React: путь обучения немного обо мне Прежде чем говорить о React , я немного расскажу, как я к этому пришел. Я занимаюсь веб-разработкой с 2009 года , и первыми технологиями, с которыми я работал, были: HTML, CSS, JavaScript и PHP . Я всегда работал «разработчиком полного стека» , потому что начал работать фрилансером, поэтому мне приходилось подбирать проекты, создавать их с нуля и запускать их в производство самостоятельно. JavaScript и PHP - мои..
Копаемся в Redux: типы действий
Это первая статья из серии, в которой мы попытаемся поставить точку в понимании того, из чего состоит Redux, и как мы можем использовать эти знания для повышения производительности и качества кода. Углубляемся в Redux: типы действий Углубляемся в Redux: типы редукторов Лично я не люблю длинные предисловия, но это не займет много времени. Я на 100% уверен, что вы сталкивались с этой библиотекой, вероятно, не раз и, скорее всего, уже используете ее в своем проекте. Все, что..
Бесплатные веб-приложения от зависимости от базы данных
Резюме. В этой части мы опишем новую архитектуру для веб-приложений, создав новый слой, который прослушивает наше приложение на наличие изменений и переводит эти изменения в обновления базы данных для нас. В произвольном порядке, некоторые из преимуществ этого: гибкость в выборе используемой базы данных повышенная тестируемость и разделение в кодовой базе параметры времени выполнения для настройки производительности Давайте посмотрим, какое место эта архитектура занимает в..
Как неправильно сочетать React и D3
Как прототипировать диаграммы D3 в React неправильным способом Эволюция проделала паршивую работу по подготовке человеческого разума к обработке сегодняшних данных в необработанном виде. Из-за нашей неспособности извлекать информацию из данных в необработанном виде наше понимание зависит от сопоставления с различными областями: Диаграммы стали незаменимым инструментом для представления данных таким образом, чтобы мы могли представлять данные и основывать на них свои решения. По..
Окончательная дорожная карта, чтобы стать разработчиком полного стека MERN
В настоящее время MERN является очень популярным стеком для разработки веб-приложений. Что такое стек MERN? MERN подразумевает для MongoDB, Express, React, Node; четыре ключевые технологии, составляющие стек. MongoDB — база данных Express(.js) — фреймворк Node.js React(.js) — Клиентская библиотека JavaScript Node(.js) — бэкенд-фреймворк JavaScript для поддержки серверной части. Теперь перейдем к обсуждению общей дорожной карты для веб-разработчика стека MERN с нуля...