ReactJS
-
Хабрахабр
Github pages для pet проектов
Подробный гайд о том, как можно использовать github pages для своих fullstack pet проектов с бэкендом на статических файлах) Перед стартом несколько вводных: Каждый шаг будет сопровождён ссылкой на соответвующий коммит из ветки main в репозитории gh-pages-demo. Команды для терминала будут расписаны с использованием unix команд mkdir, cd, touch. Подробности легко гуглятся. Для ленивых можно глянуть linux cheat sheet Работа…
Читать далее » -
Хабрахабр
Переключение цветовых тем в React приложении
Данный гайд описывает один из возможных подходов к организации фичи темизации приложения. Глобально статья поделена на 2 части: База Здесь мы опишем логику работы с темами, которая построена на чистом css (ну почти). Но этот механизм не имеет никаких "завязок" на js фреймворк/библиотеку. React В этой части мы посмотрим, как именно в контексте react приложения мы сможем эффеективно применять наши…
Читать далее » -
Хабрахабр
create-react-app, но для Go?
Не хочешь создавать проект сам? И не надо - используй cps! Я начинал свой путь в разработке с JavaScript/React и всегда, когда я начинал новый проект, то я просто делал `create-react-app .` и не думал на тот счет, что мне надо будет самому создавать файловую структура своего проекта с нуля. Спустя какое-то время работы с front-end'ом я решил перейти в…
Читать далее » -
Софт
Как мы создаем Squadus: проблемы фронтенда и пути их решения
Мы продолжаем рассказывать о разработке недавно вышедшего продукта. Squadus — это единое цифровое рабочее пространство, которое позволяет общаться в чатах, совместно работать над документами, проводить конференции и автоматизировать типовые действия с помощью ботов. Помимо функциональности, мы много внимания уделяем комфорту пользователя: тщательно прорабатываем логику взаимодействия с приложением, подбираем оптимальные инструменты и компоненты для реализации интерфейсов. За два года создания Squadus…
Читать далее » -
Хабрахабр
REST API Firebase или как не заморачиваться с сервером для пет-проекта
Хочется простой бэк для хранения данных, которые используются на фронтенде, но не хочется устанавливать зависимости Firebase. И еще хочется все это задеплоить на Vercel. Появилось вот такое желание при разработке своего пет-проекта (без туториалов на ютубе и тд.). Стек: React, TypeScript, RTK. Первое что вспомнил — это JSON Plaseholder. Но у этого сервиса есть ограничение: Вы не можете самостоятельно спроектировать…
Читать далее » -
Хабрахабр
Отменить нельзя продолжить
Как описать асинхронную цепочку запросов и не сломать всё? Просто? Не думаю! Я автор менеджера состояния Reatom и сегодня хочу вам рассказать про главную киллер-фичу redux-saga и rxjs и как теперь её можно получить проще, а так же про грядущие изменения в стандарте ECMAScript. Речь пойдёт об автоматической отмене конкурентных асинхронных цепочек — обязательном свойстве при работе с любым REST…
Читать далее » -
Хабрахабр
Настройка Fastlane в React Native
Предисловие Идея для статьи зародилась после того, как я потратил кучу времени на настройку Fastlane для своего проекта на React Native. Во время настройки, я так и не смог найти публикацию, которая давала бы простую инструкцию по интеграции Fastlane от А до Я. Эта статья должна стать не более чем простой инструкцией по базовой настройке Fastlane под обе платформы IOS…
Читать далее » -
Хабрахабр
Архитектура front-end приложений — react, react native, angular. Обзор
Предисловие Начнем цикл статей нашей компании легко и непринужденно, с темы из мира front-end. Надеюсь, что статья будет полезна тем, кто хоть как то связан с миром front-end. Предупреждаю, что backend разработчикам может быть скучновато из-за того, что у них давно все стандартизировано 🙂 Когда я провожу собеседование на позицию React разработчика, обычно задаю общий вопрос об архитектуре - "как…
Читать далее » -
Хабрахабр
React: интересная схема работы с формами
Hello, world! В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для валидации пользовательских данных. Применение данной схемы имеет несколько существенных преимуществ по сравнению с использованием других решений или реализацией необходимого функционала вручную.…
Читать далее » -
Хабрахабр
Вечный RnD: chunk flushing для серверного рендеринга React + WMF
Все говорят про webpack-module-federation - микрофронты тут, микрофронты там.— "А мы уже внедрили", "а мы уже построили микрофронтовую-архитектуру", "мы релизим независимо". Но начинаешь расспрашивать, "а что сделали", "а как связали" - выходит что за всеми этими броскими фасадами скрывалось добавление вызова ModuleFederationPlugin(...) на уровне рядового потребителя, в лучшем случае с подстройкой конфигурации под локальный и продуктовый стенды. А независимые релизы…
Читать далее »