Когда react-router 4 только появился, многие переживали по двум поводам:
- Как вынести роуты в отдельный файл (конфиг роутов)
- Как теперь жить без onEnter хука.
В видео от Tyler McGinnis'a освещен первый вопрос.
Рубрика «React» - 40
Как сделать конфигурационный файл роутов в React Router 4 (субтитры)
2018-05-08 в 12:31, admin, рубрики: javascript, React, react-router, react-router-4, ReactJSДайджест свежих материалов из мира фронтенда за последнюю неделю №313 (30 апреля — 6 мая 2018)
2018-05-06 в 21:51, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Как подружить React и D3
2018-05-03 в 8:24, admin, рубрики: D3, javascript, React, ReactJS, визуализация данных, интерактивная визуализацияD3 одна из наиболее популярных javascript-библиотек для создания динамических и интерактивных визуализаций данных. Сегодня ее используют сотни тысяч сайтов и web-приложений.
В интернете огромное количество примеров – от банальных линейных графиков до динамически обновляющихся диаграмм Вороного – созданных с помощью этой библиотеки. Кажется, что можно найти готовый код для любой самой причудливой визуализации и лишь немного модифицировать его «под себя».
Однако, интеграция D3 в web-приложение, построенное на React, на практике оказывается не самой простой задачей.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №312 (23 — 29 апреля 2018)
2018-04-29 в 20:51, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Формы должны быть простыми и декларативными
2018-04-27 в 15:27, admin, рубрики: javascript, React, ReactJS, TypeScript
Многие вставали перед выбором той или иной библиотеки для работы с формами в ReactJS. Когда я выбирал подходящую мне, разные библиотеки казались идеальными НО: форма на конфигах или колбеки в onSubmit эвенте, или асинхронный submit. Почему формы для реакта не соответствуют принципам реакта, почему они выглядят как что-то особенное? Если эти вопросы приходили вам в голову, или вы любите формы, приглашаю к прочтению статьи.
Читать полностью »
Фронтенд как у сына маминой подруги
2018-04-26 в 9:06, admin, рубрики: Jenkins, jquery, React, Блог компании Яндекс.Деньги, веб-дизайн, верстальщик, верстка, никто не читает теги, работа, Разработка веб-сайтов, собеседование, управление персоналом, управление разработкой, фронтендПривет. Я Катя. Я пишу фронтенд в Яндекс.Деньгах.
Я расскажу, как работа в большой компании помогла мне вырасти из верстальщика в программиста. О том, как я перестала бороться с особенностями браузеров, и начала — с плохой архитектурой и низким rps. Пусть эта история сэкономит время талантливым разработчикам, которые штампуют лендинги вместо того, чтобы биться за настоящий фронтенд.
В этой статье я расскажу, что мы разрабатываем, как оптимизируем рабочие процессы и зачем развивать свои soft skills. На подходе вторая часть — она будет технической. В ней подробно расскажу про стек, почему их два и как мы дружили БЭМ с React (спойлер: будет много кода). Поехали!
Дайджест свежих материалов из мира фронтенда за последнюю неделю №311 (16 — 22 апреля 2018)
2018-04-22 в 19:51, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
9 советов по улучшению качества кода React-приложений
2018-04-20 в 11:09, admin, рубрики: javascript, React, ReactJS, Блог компании RUVDS.com, разработка, Разработка веб-сайтовБиблиотека React значительно облегчает жизнь разработчиков, которым приходится создавать сложные пользовательские интерфейсы. Программисту достаточно подготовить простые описания графических представлений для состояний приложения, а React, при изменении данных, будет эффективно обновлять и перерисовывать только те компоненты, на которые повлияли эти изменения. Однако, для того, чтобы создавать качественные проекты на React, программисту нужно приложить усилия, направленные на освоение этой библиотеки и вспомогательных средств разработки.
Автор статьи, перевод которой мы сегодня публикуем, хочет поделиться с аудиторией React-разработчиков девятью полезными советами, направленными на повышение качества кода. Эти советы затрагивают довольно широкий диапазон тем — от инструментальных средств до стиля программирования.
Читать полностью »
Бешеные псы: Angular 2 vs React
2018-04-17 в 8:02, admin, рубрики: angular, angular2, javascript, React, ReactJS, Блог компании Конференции Олега Бунина (Онтико)Встречайте, противостояние двух фреймворков: Angular и React в формате поединка на примере конкретного простого приложения. За Angular выступает Евгений Гусев (@bunopus), за React — Илья Таратухин (@ilfa). Чтобы сделать честные выводы, они сначала поменялись технологиями и попробовали развернуть базовый проект. Старт на React породил 112 проблем, а вот с Angular дело обстояло гораздо проще, потому что это идеальное приложение для человека, который не особенно работал с фронтендом. Но, конечно, это было только начало, дальше пошел настоящий спор, все этапы которого под катом
getDerivedStateFromState – или как сделать из простой проблемы сложную
2018-04-16 в 1:17, admin, рубрики: 16.3, getDerivedStateFromProps, javascript, memoize, React, ReactJSЯ люблю Реакт. Люблю за то, как он работает. За то, что он делает вещи «правильно». HOC, Composition, RenderProps, Stateless, Stateful – миллион патернов и антипатернов которые помогают меньше косячить.
И вот совсем недавно React принес нам очередной подарок. Очередную возможность косячить меньше — getDeviredStateFromProps.
Технически — имея статический мапинг из пропсов в стейт логика приложения должна стать более проста, более понятна, тестируема и так далее. По факту многие люди начали топать ногами, и требовать prevProps обратно, не в силах (или без особого желания) переделать логику своего приложения.
В общем разверлись пучины ада. Ранее простая задача стала сложней.
Читать полностью »