Публикации по теме front-end-development

Публикации по теме 'front-end-development'

React UseReducer Hook — Сделано просто.

Я горжусь тем, что упрощаю вещи для других. Несмотря на тысячи статей на эту тему, большинство людей до сих пор не могут понять ее, судя по моему ( слегка предвзятому) наблюдению. Редуктор? Как следует из названия, «редуктор» — это то, что упрощает вещи. Это уменьшает. Представьте себе это как машину, которая берет что-то сложное и возвращает что-то более простое. Итак, что это значит для React? В контексте React редуктор используется для управления несколькими разными, но..

Исключения в Java

Что такое исключения в Java? Исключения — это нежелательные или неожиданные события, которые нарушают нормальный ход выполнения программы. В Java есть два типа исключений. Проверенное исключение : исключение времени компиляции. ex) Исключение ввода-вывода Непроверенное исключение : Исключение во время выполнения. ex) Исключение NullPointer Checked Exceptions — это исключения, которые вынуждают разработчиков обрабатывать исключение перед компиляцией (иначе оно не будет..

Добавление текста на холст с помощью FabricJS — часть 1

Собственный API холста позволяет нам добавлять заливку и обводку только при рисовании текста на холсте. Но это тоже можно сделать только на очень низком уровне. Особенность добавления текста в FabricJS заключается в том, что он работает объектно-ориентированным способом. Это означает, что все, что нам нужно сделать, это создать экземпляры классов, и это даст нам полный контроль над ними. Мы можем масштабировать, наклонять, вращать или анимировать текстовые объекты. Чтобы добавить..

JSX и тернарные выражения

Веб-разработчики, впервые использующие React.js в качестве предпочтительной внешней библиотеки, могут быть встревожены JSX , незнакомым синтаксисом, который выглядит как продукт сумасшедшего ученого, который объединил HTML и JavaScript в лаборатории. Хотя вы не обязаны использовать его в своем приложении React, JSX имеет ряд преимуществ. Мало того, что внутри JSX происходит оптимизация производительности, код, написанный на JSX, синтаксически больше соответствует тому, как на самом деле..

Перехват состояния компонента для обеспечения плавных анимированных переходов

Спойлер: весь код внутри этой статьи может работать как есть прямо в вашем браузере (без каких-либо сборок/транспиляций). По умолчанию он работает даже внутри WebWorker . Мы расскажем, как создать анимированное представление данных, а также настроить уже запущенные переходы в режиме реального времени. Потенциальные варианты использования, например. Интернет-магазины, в которых мы хотим улучшить взаимодействие с пользователем для обзоров продуктов или представлений, содержащих клиентов..

Улучшение веб-производительности: как разбить тяжелые задачи с помощью setTimeout()

Что такое setTimeout()? setTimeout() – это метод в JavaScript, позволяющий запланировать выполнение функции по истечении определенного времени . Метод setTimeout() принимает два параметра: выполняемую функцию и время задержки в миллисекундах. function sayHello() { console.log("Hello Basit!"); } setTimeout(sayHello, 2000); // the function will be executed after 2000 milliseconds (2 seconds) Примечание setTimeout() может быть полезен для асинхронного выполнения..

NextJS и истории рендеринга

Традиционно веб-приложения в основном создавались с использованием рендеринга на стороне сервера (т. е. Ruby on Rails или любой другой инфраструктуры MVC), но появление инфраструктуры JavaScript (т. е. React, Vue, Angular) переместило уравнение рендеринга на сторону клиента. Однако метафреймворки, такие как Nuxt и NextJS, вернули истории рендеринга на сервер и даже еще больше усложнили их, предоставляя вам несколько способов рендеринга вашего веб-приложения. NextJS предлагает 3 основные..