JavaScript ES2020

Что нового в JavaScript ES2020 (ES11) ?

150

Доброго времени суток, друзья. На дворе 2К20 год. Окунемся в текущие новшества JavaScript. В этой статье мы рассмотрим следующие темы:

— BigInt

 — Dynamic import

 — GlobalThis

 — Private Class Variables

 — Promise.allSettled()

 — Nullish Coalescing Operator

 — Optional Chaining Operator

 — Numeric Separators

 — String.protype.matchAll

 — import.meta

 — export * as nameModule from «module»

Теперь мы разберем каждую из них более подробно.

Читать далее «Что нового в JavaScript ES2020 (ES11) ?»

2+

Декораторы в React или как оптимизировать ваши компоненты.

7 591

Доброго времени суток друзья. Как часто вы создаете компоненты и вам приходится повторять одинаковый функционал? На практике, если вам нужно создать кнопку которая будет что-то открывать и в следующем компоненте опять же будет кнопка которая будет что-то открывать,  стоит задуматься о декораторах.

Декораторы в React это отличный способ оптимизации вашего приложения путем сокращения дублирующих элементов. На практике это функция которая будет принимать на входе текущий компонент и просто оборачивать его с верху компонентом оберткой с состоянием и возможными событиями. Читать далее «Декораторы в React или как оптимизировать ваши компоненты.»

1+

Как работает bind? Пишем полифилл для bind

6 781

Доброго времени суток друзья. Сегодня я хотел бы поговорить с вами о bind. Для чего он вообще используется и как с ним работать? Общее определение: «Метод bind() создаёт новую «привязанную функцию» (ПФ).  ПФ — это «необычный функциональный объект» ( термин из ECMAScript 6 ), который является оберткой над исходным функциональным объектом. Вызов ПФ   приводит к исполнению кода обернутой функции.” Взято тут. В практики bind используется для создания функции с предопределенными аргументами. А так же он полезен в случаях, если вы хотите создать сокращение для функции, требующей определенное значение this. Читать далее «Как работает bind? Пишем полифилл для bind»

1+

Курс для Junior разработчика. Основы JavaScript. Синтаксис. Часть 2.

1 311

Доброго времени суток друзья. Вот и пришло время вновь продолжить наш курс по JavaScript. Хочу обратить ваше внимание что статьи по циклу основы JavaScript предназначены для тех кто еще только начинает свой путь в веб программирование и некоторые моменты я стараюсь по максимуму упростить для процесса обучения. Вы готовы? Если да то эта статья для вас.
Читать далее «Курс для Junior разработчика. Основы JavaScript. Синтаксис. Часть 2.»

2+
Web Game Developer Знакомство с Phaser

Game Developer и WEB. Знакомство с Phaser

1 808

Доброго времени суток! Прежде чем читать данную статью позволь мне задать тебе несколько вопросов. Нравится ли тебе игры? Играешь ли ты в них? Мечтал ли ты когда нибудь написать свою собственную игру? Уже несколько лет я переодически пишу игры ( в основном на JS ). Игры для мобильных приложений, игры для браузеров, десктопные игры. Я не являюсь профессиональным разработчика игр, данное занятие это мое хобби в не рабочее время. Читать далее «Game Developer и WEB. Знакомство с Phaser»

0
Оптимизация React приложений

Оптимизация React приложений

1 884

Всем доброго времени суто друзья. Если вы занимаетесь разработкой приложений на React то рано или поздно вы столкнетесь с проблемой медленной работы приложения из-за разрастания общей архитектуры и ее функционала. Если перед вами стала задача оптимизировать приложение то эта статья специально для вас. Читать далее «Оптимизация React приложений»

0
Java Script. Пишем сортировку для массивов

JavaScript . Пишем сортировку для массивов

2 213

Доброго времени суток друзья! Сегодня я хочу показать вам метод sort() для сортировки  массивов в JavaScript. Часто в «продакшене» возникает необходимость отсортировать массив со сложными объектами. В данной статья я постараюсь показать вам как этого добиться. Приступим. Читать далее «JavaScript . Пишем сортировку для массивов»

1+
react

ТОП плагинов для написания React приложений на Atom

2 726

В сегодняшней статье я постараюсь дать максимум полезной информации на тему плагинов для вашего Atom редактора если вы «пилите» React приложения. Есть отличное решение в виде набора плагинов для Atom если вы решили расширить функционал редактора. Вот ссылка atom-react. Если открыть консоль в самом редакторе и ввести apm install react то будут инсталлирован целый набор полезных плагинов которые облегчат жизнь начинающему React разработчику. Читать далее «ТОП плагинов для написания React приложений на Atom»

3+
Клонирование объектов или иммутабельнсть данных

Клонирование объектов или иммутабельнсть данных

889

Доброго времени суток! При разработки проектов со сложной структурой данных частенько возникают проблемы, когда в результате работы данные начинают неожиданно меняться, что приводит к большому числу багов и «задебажить» это бывает очень тяжело. Что бы решить эту проблему можно пойти несколькими путями:

1. Склонировать сложный объект и продолжить с ним работу

2. Создать «иммутабельность» данных Читать далее «Клонирование объектов или иммутабельнсть данных»

0
ТОП ReactJS библиотек компонентов

ТОП ReactJS библиотек компонентов

3 191

Доброго времени суток! Когда вы уже давольно не плохо начинаете понимать ReactJS то в место того что бы «пилить» компоненты самостоятельно вы обращаетесь к готовым решениям, что является естественной практикой в современном программирование ( дабы не создавать свое колесо ). Сегодня я хочу представить вам топ ReactJS библиотек, фремворков UI компонентов, которые ( по моем автора ) являются самыми лучшими решения на сегодняшний момент. Поехали. Читать далее «ТОП ReactJS библиотек компонентов»

0