Когда react-router 4 только появился, многие переживали по двум поводам:
- Как вынести роуты в отдельный файл (конфиг роутов)
- Как теперь жить без onEnter хука.
В видео от Tyler McGinnis'a освещен первый вопрос.
Рубрика «javascript» - 188
Как сделать конфигурационный файл роутов в React Router 4 (субтитры)
2018-05-08 в 12:31, admin, рубрики: javascript, React, react-router, react-router-4, ReactJSПятничный JS: случайное перемешивание
2018-05-08 в 8:26, admin, рубрики: javascript, Алгоритмы, безумие, ненормальное программирование, обучение программированию, перемешивание, сортировка, Учебный процесс в ITЭкзамен в школе прапорщиков.
— Вот смотрите. Это большой палец, это — указательный, это — средний, это — безымянный, это — мизинец. Мешаем, мешаем, мешаем (двигает пальцами)… Теперь где какой?
Всем привет. С ортодоксальной точки зрения сегодня не настоящая пятница — просто день, когда завтра выходной. Поэтому статья в моей традиционной рубрике тоже будет не совсем настоящая, у неё пониженный градус безумия и повышенная полезность. Однако довольно предисловий, перейдём к сути.
Перед моими студентами регулярно встаёт задача случайного перемешивания массива. За её решением они, как правило, лезут в гугл. И гугл им подсказывает следующее:
var shuffledArr = arr.sort(function{
return Math.random() - 0.5;
});
Сегодня я решил написать о том, какие преимущества и недостатки есть у такого подхода.
Читать полностью »
Понимание жизненного цикла React-компонента
2018-05-08 в 8:09, admin, рубрики: javascript, react.js, ReactJS, Разработка веб-сайтовReact предоставляет разработчикам множество методов и «хуков», которые вызываются во время жизненного цикла компонента, они позволяют нам обновлять UI и состояние приложения. Когда необходимо использовать каждый из них, что необходимо делать и в каких методах, а от чего лучше отказаться, является ключевым моментом к пониманию как работать с React.
Читать полностью »
Service Workers: прозрачное обновление кэша
2018-05-08 в 2:39, admin, рубрики: cache, html5, javascript, progressive web apps, pwa, serviceworker, Клиентская оптимизация, кэширование, Программирование, Разработка веб-сайтов, фронтендService Workes как технология для создания offline приложений очень хорошо подходит для кэширования различных ресурсов. Разнообразные тактики работы в сервис воркере с локальным кэшем подробно описаны в Интернете.
Не описано одного — каким образом обновлять файлы в кэше. Единственное, что предлагает Google и MDN, это делать несколько кэшей для разных типов ресурсов, и, когда нужно, изменять в скрипте сервис воркера sw.js версию этого кэша, после чего тот весь удалится.Читать полностью »
Расширения для VS Code и программирование на JavaScript
2018-05-07 в 8:38, admin, рубрики: javascript, visual studio code, Блог компании RUVDS.com, разработка, Разработка веб-сайтовОдно из важнейших условий для продуктивной работы веб-программиста — хорошо настроенный редактор кода. Один из них — опенсорсный универсальный редактор Visual Studio Code, который замечателен не только тем, что он бесплатен, но и тем, как много полезного он умеет сразу после установки и минимальной настройки. Если речь идёт о том, чтобы использовать VS Code в какой-то конкретной сфере, вроде разработки на JavaScript, обычно стоит дополнить его несколькими расширениями, которые повышают производительность труда и упрощают жизнь программиста. Вокруг VS Code сложилось активное сообщество разработчиков расширений. Эти расширения легко искать и ещё легче устанавливать.
В материале, перевод которого мы сегодня публикуем, речь пойдёт о расширениях для VS Code, которые пригодятся тем, кто пишет на JS. Тут стоит отметить, что в деле выбора расширений для VS Code немалую роль играют личные предпочтения программиста. В результате можно сказать, что расширения, о которых пойдёт здесь речь, не являются абсолютно необходимыми. Не стоит рассматривать их как нечто, что обязательно нужно устанавливать и использовать. Обзавестись тем или иным расширением стоит лишь в том случае, если вам оно понравилось, и вы полагаете, что вам оно точно пригодится.
Читать полностью »
New Adventures in Responsive Web Design
2018-05-07 в 7:11, admin, рубрики: holyjs, javascript, Блог компании JUG.ru Group, фридманПредлагаем вашему вниманию подборку всевозможных лайфхаков и трюков по оптимизации объема загружаемого кода и файлов, а также общего ускорения загрузки веб-страниц.
В основе статьи расшифровка выступления Виталия Фридмана из Smashing Magazine на декабрьской конференции Holy JS 2017 Moscow.
Читать полностью »
Оптимизируем веб с Виталием Фридманом, — компрессия, картинки, шрифты, фичи HTTP-2 и Resource Hints
2018-05-07 в 7:11, admin, рубрики: holyjs, javascript, Блог компании JUG.ru Group, веб-дизайн, высокая производительность, Разработка веб-сайтов, фридманПредлагаем вашему вниманию подборку всевозможных лайфхаков и трюков по оптимизации объема загружаемого кода и файлов, а также общего ускорения загрузки веб-страниц.
В основе статьи расшифровка выступления Виталия Фридмана из Smashing Magazine на декабрьской конференции Holy JS 2017 Moscow.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №313 (30 апреля — 6 мая 2018)
2018-05-06 в 21:51, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Анимации в мире состояний
2018-05-04 в 13:35, admin, рубрики: holyjs, javascript, ReactJS, анимация, Блог компании JUG.ru Group, ТактаровМногие уже научились строить чистые интерфейсы и писать «undo-redo» в несколько строчек. Но как быть с анимациями? Часто их обходят стороной, и они не всегда вписываются в подход (state) ↦ DOM. Есть отличные решения вроде React Motion, но что если вам нужно делать сложные анимации или работать с Canvas, используя физический движок?
В нашем тексте рассказывается, как работать с анимациям в React-приложениях, и сравнивается несколько подходов (D3, React-Motion, «грязные компоненты»). А также о том, как «запускать» анимации в Redux-приложениях. Материал основан на расшифровке доклада Алексея Тактарова с нашей декабрьской конференции HolyJS 2017 Moscow. Прилагаем заодно видеозапись этого доклада:
Осторожно, трафик: под катом много картинок и гифок (сами понимаете, материал про анимации).
Читать полностью »
LAppS сервер приложений для микросервисной архитектуры
2018-05-04 в 7:14, admin, рубрики: application servers, c++, html, javascript, Lua, websockets, велосипедостроение
Предыстория
20-го декабря прошлого года я ушёл в отпуск, на целых 2 недели. Чем заняться в отпуске? Правильно, — кодом. Кодом, которым некогда заниматься в рабочее время. Последние несколько лет мне кодить приходилось очень мало. Руки стосковались. Какой код пишут в отпуске? Не знаю как вы, а я пишу велосипеды. Зачем? Причин может быть много, но основная, — мне интересно. Я люблю C++ и Lua. Я ещё и bash и awk люблю. Не закидывайте камнями, это личное, так получилось. JavaScript я не очень люблю (хотя последние 2 года если что-то и кодил то на JS), и это тоже личное.