Метка: Denis Bezyzvestnykh

8 важных практик в JavaScript для больших проектов

Posted on By Den Bezyzvestnykh
Продвинутый JavaScript, Фронтенд-разработка на JavaScript

Для больших проектов на JavaScript есть несколько практик, которые помогают обеспечить масштабируемость, поддерживаемость и производительность кода. Опытным разработчикам эта тема уже может быть знакома, а вот новичкам точно стоит понимать что нужно учитывать в своей работе и освоении программирования. Рассмотрим наиболее важные практики разработки больших проектов: Модули и компонентный подход. Модули и компонентный подход — … Read More «8 важных практик в JavaScript для больших проектов» »

Webpack — упаковщик web-приложений

Posted on By Den Bezyzvestnykh
How to, React JS, Бэкенд-разработка на JavaScript - NODE.JS, Продвинутый JavaScript, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

Webpack — это инструмент для сборки JavaScript-приложений, который позволяет объединять все модули и зависимости вашего приложения в один файл, который можно загрузить в браузере. Он обрабатывает и компилирует различные типы файлов, такие как JavaScript, CSS, изображения, шрифты и многое другое. Вы можете настроить Webpack под любой проект, это может быть как просто, так и сложно, … Read More «Webpack — упаковщик web-приложений» »

Улучшаем производительность — метод componentDidUpdate в React JS

Posted on By Den Bezyzvestnykh
React JS, Продвинутый JavaScript, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

Дорогие читатели, сегодня я хочу рассказать вам о методе componentDidUpdate в React. Если вы хотите быть уверенными в том, что ваш компонент отрисовывается правильно и обновляется только когда это необходимо, то эта тема для вас! Представьте, что у вас есть компонент, который отображает список товаров. В какой-то момент вы решаете добавить фильтрацию по цене. Как … Read More «Улучшаем производительность — метод componentDidUpdate в React JS» »

Оптимальное обновление — метод shouldComponentUpdate в React JS

Posted on By Den Bezyzvestnykh
How to

React компоненты имеют жизненный цикл, который включает несколько методов. Один из таких методов — shouldComponentUpdate — вызывается перед обновлением компонента и позволяет определить, нужно ли обновлять компонент. В этой статье мы рассмотрим, как работает shouldComponentUpdate и как его использовать в функциональных компонентах. Что такое shouldComponentUpdate? shouldComponentUpdate — это метод жизненного цикла React компонента, который позволяет … Read More «Оптимальное обновление — метод shouldComponentUpdate в React JS» »

Метод Render() в JSX (React)

Posted on By Den Bezyzvestnykh
React JS, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

Метод render() является одним из основных методов жизненного цикла компонента React. Он отвечает за отрисовку компонента в DOM. В этой статье мы рассмотрим, как использовать render() для создания компонентов React. JSX Перед тем, как перейти к render(), нужно рассмотреть JSX — расширение синтаксиса JavaScript, которое позволяет писать HTML-подобный код внутри JavaScript. JSX был создан, чтобы … Read More «Метод Render() в JSX (React)» »

Как создать колоду для ANKI: учимся учиться

Posted on By Den Bezyzvestnykh
How to, Основы JavaScript

Anki — это программное обеспечение для создания и использования электронных колод карточек, которые используются для обучения и запоминания информации. Программа предоставляет возможность создавать карточки с вопросами и ответами, включать в них изображения, звуки и видео, а также настраивать время повторения карточек в зависимости от уровня их знания. Anki использует алгоритм повторения, который помогает эффективнее запоминать … Read More «Как создать колоду для ANKI: учимся учиться» »

Простой классовый компонент на React JS

Posted on By Den Bezyzvestnykh
How to, Основы JavaScript, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

Начнём сразу с примера: Constructor — это метод жизненного цикла компонента React, который вызывается при создании экземпляра компонента. Он используется для инициализации состояния и привязки методов к экземпляру. В конструкторе компонента React можно инициализировать состояние и привязать методы к экземпляру компонента. Например, вы можете создать состояние, которое будет использоваться для хранения данных, а также связать … Read More «Простой классовый компонент на React JS» »

React JS — пишем первое приложение

Posted on By Den Bezyzvestnykh
How to, Основы JavaScript, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

React JS является одним из наиболее популярных фреймворков для создания веб-приложений. Если вы новичок в React, то создание простой страницы может быть отличным способом начать изучение этого фреймворка. В этой статье я покажу вам, как последовательно создать простую страницу на React, которая будет содержать надпись «Приложение на React JS» и кнопку «Привет JavaScript.study!», при нажатии … Read More «React JS — пишем первое приложение» »

Хук componentDidMount() в React JS

Posted on By Den Bezyzvestnykh
React JS, Фреймворки и библиотеки JavaScript, Фронтенд-разработка на JavaScript

Метод componentDidMount является одним из методов жизненного цикла React компонента. Этот метод вызывается один раз, сразу после того, как компонент монтируется на странице. В этом методе обычно выполняются действия, которые необходимо выполнить один раз при инициализации компонента. Как и все методы жизненного цикла, componentDidMount вызывается автоматически React-ом, поэтому не требует явного вызова. Давайте рассмотрим пример … Read More «Хук componentDidMount() в React JS» »

Remote Procedure Call — действуй чужими руками

Posted on By Den Bezyzvestnykh
How to, Бэкенд-разработка на JavaScript - NODE.JS, Продвинутый JavaScript

RPC (Remote Procedure Call) — это протокол взаимодействия клиента и сервера, который позволяет вызывать процедуры на удаленном компьютере так, как будто они вызываются на локальной машине. С помощью RPC клиент может вызвать удаленную процедуру, передав ей параметры и получив результаты ее выполнения. RPC абстрагирует клиентский код от деталей сетевого взаимодействия, таких как установление соединения, передача … Read More «Remote Procedure Call — действуй чужими руками» »