Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «javascript» - 93
Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019)
2019-12-22 в 21:46, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендRedux Toolkit как средство эффективной Redux-разработки
2019-12-22 в 20:00, admin, рубрики: action, flux, flux and react, front-end разработка, immer, javascript, React, react.js, ReactJS, reducer, redux, redux middleware, redux-create-action, redux-create-reducer, redux-dev-tools, redux-immutable-state-invariant, redux-starter-kit, redux-thunk, redux-toolkit, redux-utils, reduxjs, reduxtoolkit, reselect, starters kit, state, store, toolkit, TypeScript, web-development, Блог компании Inobitec, Программирование, хранение данных, хранилища данных, хранилище данных
В настоящее время разработка львиной доли веб-приложений, основанных на фреймворке React, ведется с использованием библиотеки Redux. Данная библиотека является самой популярной реализацией FLUX-архитектуры и, несмотря на ряд очевидных преимуществ, имеет весьма существенные недостатки, такие как:
- сложность и “многословность” рекомендованных паттернов для написания и организации кода, что влечет за собой большое количество бойлерплейта;
- отсутствие встроенных средств управления асинхронным поведением и побочными эффектами, что приводит к необходимости выбора подходящего инструмента из множества аддонов, написанных сторонними разработчиками.
Для устранения этих недостатков разработчики Redux представили библиотеку Redux Toolkit. Этот инструмент представляет собой набор практических решений и методов, предназначенных для упрощения разработки приложений с использованием Redux. Разработчики данной библиотеки преследовали цель упростить типичные случаи использования Redux. Данный инструмент не является универсальным решением в каждом из возможных случаев использования Redux, но позволяет упростить тот код, который требуется написать разработчику.
В данной статье мы расскажем об основных инструментах, входящих в Redux Toolkit, а также, на примере фрагмента нашего внутреннего приложения, покажем, как их использовать в уже имеющемся коде.
Это короткая, но достаточно полезная статья для продолжающих разработчиков о итераторах в Javascript.
Всё, что нужно знать о Progressive Web App (PWA)
2019-12-20 в 16:00, admin, рубрики: javascript, progressive web app, Progressive Web Applications, progressive web apps, pwa, Блог компании Wrike, мобильные приложения, перевод, перевод с английского, переводы, Программирование, прогрессивное веб-приложение, прогрессивные веб-приложения, Разработка веб-сайтов, разработка мобильных приложений, разработка приложений, разработка сайтов
PWA — прогрессивные веб-приложения.
Предупреждение. Эта статья не проспонсирована PWA. Все взгляды и мнения в статье принадлежат только её автору.
Progressive Web App или PWA — лучший способ для разработчиков заставить свои веб-приложения загружаться быстрее и быть более производительными. PWA — это веб-сайты, которые используют современные веб-стандарты, что дает возможность устанавливать их на компьютер или устройство пользователя. В работе они как приложения. Самый известный пример — это Twitter, который запустил сайт mobile.twitter.com как PWA на React и Node.js.
Читать полностью »
Как мы заказ обеда в офис улучшали (без доступа к серверу)
2019-12-20 в 14:25, admin, рубрики: javascript, node.js, пользовательские скриптыВсем привет.
Я работаю в офисе. Разработчиком ПО. И иногда я ем. Да что уж, каждый день. Работодатель снабжает нас обедами — работники заказывают обед на завтра, а в это завтра поставщик обедов привозит то, что работники заказали. То, что заказали и то, что привезли, не всегда совпадает, но к делу это не относится. Обед заказывается на странице заказа обедов. Но…
Читать полностью »
Начало работы с методами JavaScript-массивов .map(), .filter() и .reduce()
2019-12-20 в 9:30, admin, рубрики: javascript, Блог компании RUVDS.com, разработка, Разработка веб-сайтовКогда я разбирался в том, как пользоваться методами JS-массивов .map(), .filter() и .reduce(), всё, что я читал, смотрел и слушал, казалось мне очень сложным. Эти концепции рассматривались как некие самостоятельные механизмы, ни к чему другому отношения не имеющие. Мне тяжело было ухватить их суть и их понять.
Я слышал, что это — базовые вещи, понимание которых является чем-то вроде границы между «посвящёнными» и «непосвящёнными». Хотелось бы мне тогда, чтобы мне сказали о них правду. Она заключается в том, что эти три метода символизируют то, что причины, по которым перебирают некие итерируемые объекты, часто вписываются в одну из трёх функциональных категорий.
Читать полностью »
Релиз Meteor 1.8.3 и последние новости
2019-12-19 в 14:39, admin, рубрики: javascript, Meteor.JS, node.js, TypeScript, метеоржив, Разработка веб-сайтов
Давно ничего не слышно по поводу метеора на хабре, хотя фреймворк развивается. Сегодня вышла версия 1.8.3. Хочу рассказать о последних релизах и новостях вокруг метеора.
Читать полностью »
30 полезностей для Firefox Developer Tools
2019-12-18 в 15:28, admin, рубрики: css, Firefox, firefox developer tools, javascript, веб-дизайн, Разработка веб-сайтов
Ниже приведены фичи и советы по использованию Firefox Developer Tools. Некоторые из них аналогичны возможностям инструментов в Chrome, для некоторых аналоги в других браузерах отсутствуют.
Осторожно, под катом много тяжёлых гифок!
Скрытая цена CSS-in-JS-библиотек в React-приложениях
2019-12-18 в 9:30, admin, рубрики: css, javascript, React, ReactJS, Блог компании RUVDS.com, разработка, Разработка веб-сайтовВ современных фронтенд-приложениях технология CSS-in-JS пользуется определённой популярностью. Всё дело в том, что она даёт разработчикам механизм работы со стилями, который удобнее обычного CSS. Не поймите меня неправильно. Мне очень нравится CSS, но создание хорошей CSS-архитектуры — задача не из простых. Технология CSS-in-JS может похвастаться некоторыми серьёзными преимуществами перед обычными CSS-стилями. Но, к сожалению, применение CSS-in-JS способно, в определённых приложениях, привести к проблемам с производительностью. В этом материале я попытаюсь разобрать высокоуровневые особенности наиболее популярных CSS-in-JS-библиотек, расскажу о некоторых проблемах, которые иногда возникают при их использовании, и предложу способы смягчения этих проблем.
Ещё пять идей, как прокачать свое мастерство фронтенд-разработчика (декабрь 2019)
2019-12-16 в 16:36, admin, рубрики: css, edisonsoftware, javascript, Блог компании Edison, Разработка веб-сайтов, учебный процесс, Учебный процесс в ITЦель публикации — подкуинуть несколько идей, что можно повторить, чтобы повысить свое мастерство front-end разработчика. Это просто идеи, без исходников и туториалов, что немного усложняет задачу, но прививает более самостоятельный подход к обучению.
Предыдущий полный список идей: Front-end додзё: проекты для тренировки навыков разработчика (5 новых + 43 старых)
1.Динамическое меню
Посмотрите, как это круто, когда кликаешь в меню и контент уменьшается.
motrix.app
Чему научитесь:
- CSS переходы и анимации.
- Как изменить компоновку и содержимое.
- Как гармонично использовать HTML и JavaScript, чтобы добавить интерактивность на ваш сайт.