react.js
-
Хабрахабр
Причины говнокода во фронтенде. Мнение мимокрокодила
Дисклеймер Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого-либо или принизить достоинства чего-либо, и т.д. и т.п. А впрочем... Откуда есть пошли SPA Как известно, изначальной задачей JavaScript было обеспечение интерактивности на HTML-странице, и…
Читать далее » -
Хабрахабр
Как настроить Node.js Express сервер для React
React - это библиотека JavaScript для разработки пользовательских интерфейсов. Она позволяет создавать эффективные и масштабируемые веб-приложения, основанные на компонентной архитектуре. Express.js - это минималистичный и гибкий веб-фреймворк для Node.js, который облегчает разработку веб-приложений и API. Он предоставляет простой интерфейс и набор функций, позволяющих быстро создавать серверы и маршрутизировать запросы. Введение Это руководство поможет вам разработать простое приложение на React и…
Читать далее » -
Хабрахабр
Как делать full-stack с одного устройства без СМС и регистрации
Эта статья написана для ламеров Я как обычно учился кодить, и вдруг заметил что телеграм выпустил веб апи и теперь там есть фронт... На тот момент я уже владел React, Flask и Django, и решил повысить планку с помощью FastAPI. Веря в свои силы, я установил FastAPI и aiogram. Очевидно, мне следовало бы использовать нативные методы Telegram API, но aiogram…
Читать далее » -
Хабрахабр
Архитектура и реактивное программирование
Что такое реактивное программирование? Не Rx. И даже не Excel. Это архитектурный паттерн, позволяющий абсолютно иначе писать код. В статье мы устаканим фундаментальные знания, утвердимся в том, что React.js всё же является реактивным, и подумаем о том, как и когда нужно, а когда не нужно применять паттерны реактивного программирования. Так уж вышло, что я побывал в большом количестве огромных кодовых…
Читать далее » -
Хабрахабр
Отменить нельзя продолжить
Как описать асинхронную цепочку запросов и не сломать всё? Просто? Не думаю! Я автор менеджера состояния Reatom и сегодня хочу вам рассказать про главную киллер-фичу redux-saga и rxjs и как теперь её можно получить проще, а так же про грядущие изменения в стандарте ECMAScript. Речь пойдёт об автоматической отмене конкурентных асинхронных цепочек — обязательном свойстве при работе с любым REST…
Читать далее » -
Хабрахабр
«Интернет-магазин на диване». Разрабатываем веб-приложение в Telegram
Telegram давно используют в рабочих целях: с помощью ботов можно автоматизировать большой спектр задач и даже делать интернет-магазины. В статье рассказываем, как разработать свою версию LAZZON прямо в мессенджере. В рамках этой инструкции мы: научимся работать с тремя видами кнопок, реализуем интернет-магазин с корзиной, разработаем форму для сбора пользовательских данных, зальем интернет-магазин в облако. С чего начать разработку Сначала заведем…
Читать далее » -
Хабрахабр
React: интересная схема работы с формами
Hello, world! В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для валидации пользовательских данных. Применение данной схемы имеет несколько существенных преимуществ по сравнению с использованием других решений или реализацией необходимого функционала вручную.…
Читать далее » -
Хабрахабр
React и Typescript: Создание динамического компонента на примере кнопки
React и Typescript являются очень мощными инструментами для создания динамичных пользовательских интерфейсов. Создание универсального компонента, который может использоваться в различных ситуациях, является одной из ключевых задач при разработке веб-приложений. В этой статье мы рассмотрим создание такого компонента на примере кнопки, разберемся как использовать типизацию для создания динамических компонентов с использованием React и Typescript. Что мы получим в результате? Кнопку, которая…
Читать далее » -
Хабрахабр
Как я написал самую эффективную библиотеку для реактивного состояния
Всем привет, меня зовут Артём Арутюнян, и я уже пять лет изучаю реактивное программирование. Меня задела недавняя статья, Big State Managers Benchmark, в которой моя библиотека Reatom заняла лишь третье место (скорее второе, ну да ладно) и я решил написать самую эффективную реализацию реактивных состояний, убрав лишние фичи, сфокусировавшись на простоте и производительности. Немного поэкспериментировав я добился удивительных результатов, в…
Читать далее » -
Хабрахабр
Знакомство c Reatom
Привет, меня зовут Артём Арутюнян и я автор менеджера состояния Reatom. Этим постом открывается серия обучающих материалов на русском языке, документация на английском доступна на официальном сайте. А оно вам надо? Думаю, да, потому что Reatom — это универсальное решение, которое позволяет легко пошарить глобальное состояние за микроскопическую (2. 5KB) цену, эффективно строить самодостаточные и переиспользуемые логические модули гигантских приложений…
Читать далее »