Лучшие статьи, ссылки и новости, связанные с Frontend-разработкой, и многое другое, доставляемые один раз в неделю. Все ссылки в этом выпуске собраны из Medium, Hacker News, Reddit, Twitter, MyBridge и т. Д.

Больше проблем можно найти в Frontend + Weekly Repository.

Кстати, извините за мой плохой английский.

Новости

  • D3 5.0: D3 5.0 содержит лишь несколько изменений, не имеющих обратной совместимости. D3 теперь использует промисы вместо асинхронных обратных вызовов для загрузки данных. Обещания упрощают структуру асинхронного кода, особенно в современных браузерах, поддерживающих async и await. С принятием обещаний D3 теперь использует Fetch API вместо XMLHttpRequest, модуль d3-request был заменен на d3-fetch. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.
  • Java 10 Release: JDK 10, реализация Java Standard Edition 10, был выпущен 20 марта 2018 года. Ключевые улучшения включают типы локальных переменных, а также улучшения для сборки и компиляции мусора. Планируется, что JDK 10 будет только краткосрочным выпуском, а публичные обновления для JDK 10 должны закончиться через шесть месяцев. Предстоящий JDK 11, который должен выйти в сентябре, будет версией Java с долгосрочной поддержкой (LTS). Релизы LTS выпускаются каждые три года. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.

Руководство

  • Как создать приложение с прайс-листом криптовалюты с помощью Flutter SDK: Flutter - это новый набор инструментов Google с открытым исходным кодом, помогающий разработчикам создавать приложения для iOS и Android с помощью всего одной базы кода. Приложения Flutter написаны на языке программирования Dart и компилируются в собственный код, поэтому производительность действительно отличная. В этом уроке я покажу вам, как использовать Flutter для создания приложения, которое показывает текущую цену различных криптовалют. Я расскажу вам об основах Flutter и Dart. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.
  • Всеобъемлющее руководство по React.js в 2018 году: эта статья была первоначально опубликована в январе 2015 года, но недавно была обновлена ​​до React 16.3 и всех достоинств, которые она содержит. Приведенные ниже темы - это то, что я считаю фундаментальными аспектами React. Если вы понимаете их все и их цели, после прочтения этого руководства вы будете в очень хорошем месте: JSX, Virtual DOM, React.Component, state, Component LifeCycle, Events. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.
  • Представляем React Apollo 2.1: недавно был анонсирован React Apollo 2.1, огромный шаг вперед в улучшении разработки приложений React с помощью GraphQL. Он имеет новый API рендеринга и гораздо более сильную поддержку TypeScript, а также обновленную документацию. В этом сообщении блога мы рассмотрим следующие функции: получение данных с помощью запроса, обновление данных с помощью мутации, упрощение локального состояния с помощью ApolloConsumer и т. Д. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках

Инженерные практики

  • Сравнение лучших библиотек JS-анимации для использования в приложениях React: вы могли заметить, что анимация довольно популярна в сети. Нет недостатка в обучающих материалах, тематических исследованиях и библиотеках для любителей движения. Это аспект развития, который может заинтриговать, улучшить, порадовать, мотивировать и впечатлить пользователей. В этой статье я выбрал пять библиотек анимации JavaScript и проанализировал их возможности как с точки зрения бизнеса, так и с точки зрения разработки. Вместо того, чтобы спрашивать что я использую для создания X?, Я исследую такие проблемы, как: Насколько хорошо поддерживается этот проект? Легко ли подобрать команду? Каков синтаксис? Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.
  • Как мы внедрили CSS Grid в масштабе: В прошлом месяце мы запустили редизайн Thomasnet.com: от участия команды до резервных вариантов, вот подход, который мы использовали в Thomas при внедрении CSS Grid. Это сообщение в блоге содержит следующее содержание: Краткое руководство по CSS Grid, Наш Ага момент для Grid, Разрешение аргумента CSS Grid против Flexbox, Создание основы Grid, Резервные варианты для браузеров без поддержки. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.
  • Шаблоны компонентов Ultimate React с Typescript 2.8: с сохранением состояния, без сохранения состояния, свойства по умолчанию, обратные вызовы рендеринга, внедрение компонентов, общие компоненты, компоненты высокого порядка, контролируемые компоненты. Дополнительные ссылки по этому поводу можно найти в React DevPractices Links.

Под капотом

  • Возвращение к сжатым изображениям: метод сжатия изображений основан на том, что вы устанавливаете размер JPG-изображения больше, чем размер, в котором оно в конечном итоге отображается, а затем сжимаете его до невероятно низкого качества. Это резко снижает вес изображения, но также делает изображение совершенно ужасным. Выигрыш в весе может быть значительным. В статье Filament Group изображение в качестве примера было на 53% легче (с 95 до 44 КБ). Компромисс для сжатия изображений - это, прежде всего, стоимость памяти (раньше были риски масштабирования и декодирования, но браузеры в этой области улучшились). Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.
  • Автоматизированная интерфейсная разработка с использованием глубокого обучения: в Insight он разработал модель, которая позволяет пользователям создавать рабочие HTML-сайты из нарисованных от руки каркасов, значительно ускоряя процесс проектирования. Сейчас он специалист по глубокому обучению в Mythic. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.
  • Объяснение системы обработки событий React и React Native: гармоничное сосуществование: существует очень много сообщений, объясняющих, как использовать систему обработки событий React, но не так много, которые объясняют, как она работает. В последнее время я работал над React Native, и мои проблемы с обработкой событий послужили напоминанием о том, насколько важно точно понимать, что происходит. Поэтому я решил собрать как можно больше информации об обработке событий в React: ниже приводится отчет о том, что я нашел, просматривая исходный код. Дополнительные ссылки на эту тему можно найти в Замечательных ссылках.

Открытый источник

  • Driver.js: Driver.js - это мощный, но легкий, ванильный движок JavaScript, позволяющий сосредоточить внимание пользователя на странице. Driver.js - это не только еще одна библиотека туров, туры - лишь один из многих вариантов использования. Driver.js можно использовать везде, где вам нужно какое-то наложение для страницы; некоторые распространенные варианты использования могут быть такими: например, затемнение фона, когда пользователь взаимодействует с каким-либо компонентом.
  • Brain.js: brain.js - это библиотека нейронных сетей, написанная на JavaScript.
  • Dejavu: dejavu - это отсутствующий веб-интерфейс для Elasticsearch. Существующие веб-интерфейсы оставляют желать лучшего или созданы с использованием методов рендеринга страниц на стороне сервера, которые делают его менее отзывчивым и громоздким для запуска (я смотрю на вас, Кибана). Начиная с версии 1.0, dejavu является единственным веб-интерфейсом Elasticsearch, который поддерживает импорт данных через файлы JSON и CSV, а также определение сопоставлений полей из графического интерфейса.