React + Vite + Tailwind CSS — почему всё так медленно компилируется?! — frontend

Ребят, я в отчаянии. Начал новый проект на React, использую Vite и Tailwind CSS. Все шло гладко, но с каждым новым компонентом сборка становится все дольше и дольше. Сейчас уже один импорт нового модуля требует секунд 10-15 компиляции. Это нормально вообще?

Перепробовал уже все: чистил кеш Vite, удалял node_modules и ставил заново, смотрел конфиг Tailwind — вроде все по документации. Может, я что-то упускаю или есть какой-то скрытый нюанс в связке этих технологий? Или может Vite не лучший выбор для больших проектов, и стоит посмотреть в сторону Webpack или чего-то другого для создания сайтов?

Подскажите, плиз, кто сталкивался с подобным. Нужно как-то ускорять этот процесс, иначе разработка превратится в ад. А то уже хочется забросить все и начать заново что-то попроще.

Подробнее

React 19: Долгожданные перемены, или игра в песочнице?

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

Сразу скажу, изменения есть. И они, как это часто бывает, неоднозначные. С одной стороны, появилась поддержка Server Components по умолчанию, что для многих проектов должно упростить архитектуру и улучшить производительность. На практике это означает что часть логики рендеринга переносится на сервер, уменьшая нагрузку на браузер клиента. Это, безусловно, плюс.

Также добавили новые хуки, вроде `useFormStatus` и `useOptimistic`. Первый реально облегчает жизнь при работе с формами, позволяя отслеживать состояние отправки данных без лишнего кода. Второй — отличный инструмент для создания более отзывчивого UI, когда вы сразу показываете пользователю результат действия, а потом уже обновляете его по факту выполнения операции на сервере. Это здорово для UX, но требует внимательного подхода для избежания рассинхронизации.

С другой стороны, изменения в API, касающиеся стейт-менеджмента, кажутся немного... натянутыми. Иногда создается впечатление, что команда React пытается уйти от сторонних библиотек, внедряя свои решения, которые пока не так гибки и понятны. Например, новые директивы для управления DOM – неплохо, но нужно время, чтобы привыкнуть и понять, где их применение действительно оправдано, а где это просто усложнение.

Итоговое впечатление: React 19 – это скорее эволюционное развитие, чем революция. Есть полезные нововведения, которые упростят жизнь многим разработчикам, особенно в контексте веб-разработки сложных приложений. Однако, некоторые изменения требуют адаптации и, возможно, не сразу будут приняты сообществом. Для новичков порог входа может немного вырасти, но для опытных специалистов это будет интересным шагом вперед. Кмк, стоит попробовать в новых проектах, но для существующих — с осторожностью.

Подробнее

React — это переоцененный фреймворк!

Ну что, ребятки, всем привет! Хочу замутить небольшой срачик по поводу React. Я тут подумал, и знаете что? React, по моему скромному мнению, реально переоценен!

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

Имхо, часто разработчики просто идут по пути наименьшего сопротивления и выбирают React, потому что это модно, потому что все его знают. А вот надо ли?

А вы как думаете? Может, я чего-то не понимаю? Расскажите, почему вы любите React, буду рад послушать аргументы!

Подробнее

React, TypeScript и боль...

Ребята, ну что за жесть вообще? Я только начал изучать React, а тут еще TypeScript подвезли... Зачем это все? Хотел просто веб-сайт запилить, а тут кодить надо как в космос, ааа!

Стараюсь, читаю мануалы по созданию сайтов, делаю все по гайдам, но постоянно вылезает какая-то ошибка, ну типа, компиляция не проходит. Ругается на типы... Я не понимаю эти типы! Пытался гуглить, смотреть видосы - все равно ничего не выходит. Где ошибка, где косяк не пойму.

Может кто-нибудь подскажет, с чего начать, если вообще ничего не получается? Может быть, есть какие-то простые примеры? Сорян если тупой вопрос, я просто в панике :((

Подробнее

React — это фреймворк для создания веб-сайтов? Или просто библиотека? — php

Господа, ну вот давайте разберемся. Все называют React фреймворком, но по сути он предоставляет только view layer. Где тут про маршрутизацию, управление состоянием (без дополнительных библиотек вроде Redux или Zustand), взаимодействие с API? Технически, это очень мощная библиотека для декларативного описания UI, но чтобы построить полноценный single-page application, вам все равно придется собирать кучу сторонних инструментов. Это как сказать, что молоток — это уже готовый дом, просто надо им построить. Или я чего-то не понимаю в современных реалиях веб-разработки?

Мне кажется, что вот это размывание границ между библиотекой и фреймворком, оно немного сбивает с толку новичков которые только начинают свой путь в frontend-разработке. Как вы считаете, пора уже признать, что React — это не совсем фреймворк, или я слишком глубоко копаю в терминологию?

Подробнее