От автора: что такое изменяющийся объект? Когда вы начнете изучать React, первое, что вы узнаете – это что вам не стоит мутировать (изменять) список. // This is bad, push modifies the original array items.push(newItem); // This is good, concat doesn’t modify the original array const newItems = items.concat([newItem]); Но… Вы знаете почему? Вы знаете, что не так с мутирующими ...
Читать далее »
От автора: если вы некоторое время работаете в экосистеме React, есть вероятность, что вы слышали о Higher Order Components — так называются в React компоненты высшего порядка. Давайте рассмотрим простую реализацию, а также попытаемся понять основную идею. Я надеюсь из этой статьи вы получите представление о том, как они работают, и даже как их использовать. Для чего предназначены Higher-Order Components? ...
Читать далее »
От автора: введение в ES6 синтаксис и функции, такие как классы, promises, константы, деструктуризация. А также сравнение со старыми версиями JS. ECMAScript 2015 или ES6 ввел множество изменений в JS. Это обзор самых распространенных функций и различий синтаксисов со сравнением с ES5 там, где это возможно. Смотреть на GitHub. Заметка: общепринято использовать const, за исключением циклов и переназначений. Однако в ...
Читать далее »
От автора: все, что нужно знать о том, как работают в JavaScript массивы и мой любимый метод reduce(). Массивы – это аккуратный способ хранения непрерывных элементов в памяти в виде одной переменной. Элементы в массиве доступны по индексам. Индексы массива начинаются с 0. Давайте создадим пустой массив разными способами. let tasks = []; let projects = new Array(); Массивы в ...
Читать далее »
От автора: еще пару месяцев назад я не мог смотреть на JS без нервов. Я на 100% устал от JS и не мог выйти из этого состояния. Оно продолжалось много лет. Сегодня я люблю использовать JavaScript и его экосистему. Что произошло? Я использовал JS в той или иной форме с 90-ых. У меня есть книги, которые сейчас смотрятся довольно смешно. ...
Читать далее »
От автора: назначение деструктурирования — звучит, как что-то очень сложное. Это напоминает мне объектно-ориентированные термины, такие как инкапсуляция и полиморфизм. Я убежден, что они были выбраны специально для того, чтобы простые концепции казались запредельно сложными! По сути, назначение деструктурирования ECMAScript 6 (ES2015) позволяет извлекать отдельные элементы из массивов или объектов и помещать их в переменные с использованием сокращенного синтаксиса. Те, ...
Читать далее »
От автора: это руководство даст вам базовое представление о React.js через создание очень простого приложения. Я опущу все, что, по моему мнению, не существенно. Настройка Когда вы начинаете работу с React, вы должны использовать простейшую настройку: файл HTML, который импортирует библиотеки React и ReactDOM, используя теги скриптов, например: <html> <head> <script src="https://unpkg.com/react@15/dist/react.min.js"> </script><script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"> </script> <script src="https://unpkg.com/[email protected]/babel.min.js"></script> </head> <body> <div ...
Читать далее »
От автора: 30 марта состоялся долгожданный релиз iOS 11.3 с поддержкой базовых функций PWA на iPhone и iPad – сервис воркеры и манифест файлы. Хорошо, наконец-то, получить поддержку этих функций, но UX PWA на iOS все еще не идеален. Это значит, что множество выпущенных PWA iOS до сих пор имеют серьезные проблемы на устройствах Apple, а на Android работают почти, ...
Читать далее »
От автора: ES6 предоставил ряд новых функций для языка JavaScript. Две из этих функций, итераторы и генераторы ES6, существенно изменили то, как мы пишем конкретные функции в более сложном интерфейсном коде. Хотя они прекрасно работают друг с другом, то, что они на самом деле делают, может быть немного запутанным, поэтому давайте рассмотрим их подробнее. Итераторы Итерация является обычной практикой в ...
Читать далее »
От автора: для чего нужно документировать проекты на Javascript? Мы все (надеюсь) знаем, насколько важна хорошая документация и справочные материалы для успешного программного проекта. Без хорошей документации конкретная библиотека может быть недоступна для использования. Без описания того, как разные компоненты и методы работают изолированно, не говоря уже о примерах того, как разные части проекта соотносятся друг с другом, нам остается ...
Читать далее »