Тег: JavaScript

Жизненный цикл компонентов в React: функциональные компоненты

React — это библиотека JavaScript для создания пользовательских интерфейсов, и ее основой являются компоненты. В React существует концепция "жизненного цикла компонентов", которая описывает различные этапы, через которые проходит компонент с момента создания до удаления. Для функциональных компонентов в React введены новые возможности с появлением хуков в React 16.8.

Жизненный цикл компонентов в React: функциональные компоненты

15 дней назад
114
3 мин

Лучшие практики для написания чистого React-кода

Чистая организация кода важна в React как по практическим причинам, так и из-за ее визуального воздействия. Хорошо продуманная и хорошо организованная кодовая база может быть визуально привлекательной, что делает ее более удобной для работы и понимания.

Опять же, когда код чистый и хорошо организованный, легче увидеть взаимосвязи между различными элементами, понять, как они взаимосвязаны, и вносить изменения по мере необходимости.

Лучшие практики для написания чистого React-кода

12 октября 2023
387
4 мин

Введение в Unit-тесты

Модульное тестирование (unit testing) - это один из ранних этапов разработки программного обеспечения. Это процесс, в ходе которого самая маленькая, тестируемая часть приложения проверяется на соответствие своему назначению. Он включает в себя выделение кода, такого как функция или метод, в небольшие независимые единицы и тестирование их по отдельности. Идея состоит в том, чтобы выбрать эти функции и методы и изолировать их, заменив внешние зависимости, такие как сетевое соединение и база данных, фиктивными объектами.

Введение в Unit-тесты

09 октября 2023
340
5 мин

Программист удалил TypeScript из проекта!

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

11 сентября 2023
374
11 сек

Чем отличаются var, let и const в JavaScript?

Чем отличаются var, let и const в JavaScript/TypeScript?

JavaScript, с его широким применением как язык программирования для веб-разработки, постоянно развивается и предлагает различные способы объявления переменных. В старых версиях JavaScript использовалось ключевое слово var для объявления переменных, однако с появлением стандарта ECMAScript 2015 (ES6) появились новые ключевые слова: let и const. Эти нововведения привнесли в язык JavaScript более строгую область видимости и управление переменными.

В данной статье мы рассмотрим основные различия между var, let и const и узнаем, как правильно выбирать подходящий вариант для объявления переменных в различных сценариях. Мы рассмотрим область видимости, возможность переопределения, hoisting, временную мертвую зону (TDZ) и другие важные аспекты, которые помогут вам лучше понять эти ключевые слова и правильно использовать их в ваших проектах.

15 мая 2023
612
3 мин

Почему дизайнеры должны перейти с px на rem (и как это сделать в Figma)

1_L0jtcMWvl4YtFV7KB5-xlg.jpeg

Скорее всего, вы с удовольствием использовали пиксели (px) в Sketch и Figma, не задумываясь об этом. Это то, что стоит в этих программах по-умолчанию и прекрасно работает. Тем более все еще распространена практика pixel perfect, которая так удачно накладывается на пиксели.

22 октября 2022
2.3 тыс.
21 мин

Приватные переменные в JavaScript классах

image.png

А вы знали, что в современном JavaScript есть поддержка специального синтаксиса для создания приватных переменных и функций?

03 февраля 2022
2.6 тыс.
2 мин

Что нового в CSS после CSS3?

Спецификация «CSS3» имела огромный успех. Целая куча новых вещей была реализована, и было очень здорово, чтобы мы могли наконец-то получить их в CSS. Градиенты, анимации и переходы, радиусы границ, тени, трансформации… вау! Более того, красивый баннер CSS3 (и духовный покровитель «HTML5») взлетел, и индустрия была просто переполнена учебными материалами обо этом всем.

CSS 3, HTML5

Несомненно, за это время многие люди увлеклись этими технологиями. Я также думаю, что нет никаких сомнений в том, что с тех пор многие люди так и не возвращались к изучению CSS.

Так что же им сказать?

24 января 2022
1.2 тыс.
14 мин

Смена светлой и темной тем сайта на CSS

Светлая и темная темы, как способ реакции интерфейсы на смену дня и ночи придумали для мобильных устройств. Позже подобная практика распространилась и на компьютеры, а сегодня появляется на все большем и большем количестве сайтов.

Давайте посмотрим, как вы можете сделать это на вашем сайте.

03 августа 2021
12.2 тыс.
2 мин

Центрирование в CSS

Использование flex для центрирования в CSS - это, пожалуй, самый правильный вариант сегодня.

.gentle-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}

Но это далеко не единственный вариант.

Давайте представим, что вам необходимо выровнять по горизонтали несколько inline-* элементов. text-align: center; сделает это буквально в одну строку.

See the Pen Centering Inline Elements by Chris Coyier (@chriscoyier) on CodePen.

А что, если вам надо отцентрировать эти же элементы относительно родительского элемента? Это легко сделать с помощью width: fit-content для родительского контейнера.

See the Pen Centering Unknown Width Parent by Chris Coyier (@chriscoyier) on CodePen.

03 января 2021
2 тыс.
1 мин
« Назад