react.js

  • ХабрахабрФото Причины говнокода во фронтенде. Мнение мимокрокодила

    Причины говнокода во фронтенде. Мнение мимокрокодила

    Дисклеймер Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого-либо или принизить достоинства чего-либо, и т.д. и т.п. А впрочем... Откуда есть пошли SPA Как известно, изначальной задачей JavaScript было обеспечение интерактивности на HTML-странице, и…

    Читать далее »
  • ХабрахабрФото Как настроить Node.js Express сервер для React

    Как настроить Node.js Express сервер для React

    React - это библиотека JavaScript для разработки пользовательских интерфейсов. Она позволяет создавать эффективные и масштабируемые веб-приложения, основанные на компонентной архитектуре. Express.js - это минималистичный и гибкий веб-фреймворк для Node.js, который облегчает разработку веб-приложений и API. Он предоставляет простой интерфейс и набор функций, позволяющих быстро создавать серверы и маршрутизировать запросы. Введение Это руководство поможет вам разработать простое приложение на React и…

    Читать далее »
  • ХабрахабрФото Как делать full-stack с одного устройства без СМС и регистрации

    Как делать full-stack с одного устройства без СМС и регистрации

    Эта статья написана для ламеров Я как обычно учился кодить, и вдруг заметил что телеграм выпустил веб апи и теперь там есть фронт... На тот момент я уже владел React, Flask и Django, и решил повысить планку с помощью FastAPI. Веря в свои силы, я установил FastAPI и aiogram. Очевидно, мне следовало бы использовать нативные методы Telegram API, но aiogram…

    Читать далее »
  • ХабрахабрФото Архитектура и реактивное программирование

    Архитектура и реактивное программирование

    Что такое реактивное программирование? Не Rx. И даже не Excel. Это архитектурный паттерн, позволяющий абсолютно иначе писать код. В статье мы устаканим фундаментальные знания, утвердимся в том, что React.js всё же является реактивным, и подумаем о том, как и когда нужно, а когда не нужно применять паттерны реактивного программирования. Так уж вышло, что я побывал в большом количестве огромных кодовых…

    Читать далее »
  • ХабрахабрФото Отменить нельзя продолжить

    Отменить нельзя продолжить

    Как описать асинхронную цепочку запросов и не сломать всё? Просто? Не думаю! Я автор менеджера состояния Reatom и сегодня хочу вам рассказать про главную киллер-фичу redux-saga и rxjs и как теперь её можно получить проще, а так же про грядущие изменения в стандарте ECMAScript. Речь пойдёт об автоматической отмене конкурентных асинхронных цепочек — обязательном свойстве при работе с любым REST…

    Читать далее »
  • ХабрахабрФото «Интернет-магазин на диване». Разрабатываем веб-приложение в Telegram

    «Интернет-магазин на диване». Разрабатываем веб-приложение в Telegram

    Telegram давно используют в рабочих целях: с помощью ботов можно автоматизировать большой спектр задач и даже делать интернет-магазины. В статье рассказываем, как разработать свою версию LAZZON прямо в мессенджере. В рамках этой инструкции мы: научимся работать с тремя видами кнопок, реализуем интернет-магазин с корзиной, разработаем форму для сбора пользовательских данных, зальем интернет-магазин в облако. С чего начать разработку Сначала заведем…

    Читать далее »
  • ХабрахабрФото React: интересная схема работы с формами

    React: интересная схема работы с формами

    Hello, world! В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для валидации пользовательских данных. Применение данной схемы имеет несколько существенных преимуществ по сравнению с использованием других решений или реализацией необходимого функционала вручную.…

    Читать далее »
  • ХабрахабрФото React и Typescript: Создание динамического компонента на примере кнопки

    React и Typescript: Создание динамического компонента на примере кнопки

    React и Typescript являются очень мощными инструментами для создания динамичных пользовательских интерфейсов. Создание универсального компонента, который может использоваться в различных ситуациях, является одной из ключевых задач при разработке веб-приложений. В этой статье мы рассмотрим создание такого компонента на примере кнопки, разберемся как использовать типизацию для создания динамических компонентов с использованием React и Typescript. Что мы получим в результате? Кнопку, которая…

    Читать далее »
  • ХабрахабрФото Как я написал самую эффективную библиотеку для реактивного состояния

    Как я написал самую эффективную библиотеку для реактивного состояния

    Всем привет, меня зовут Артём Арутюнян, и я уже пять лет изучаю реактивное программирование. Меня задела недавняя статья, Big State Managers Benchmark, в которой моя библиотека Reatom заняла лишь третье место (скорее второе, ну да ладно) и я решил написать самую эффективную реализацию реактивных состояний, убрав лишние фичи, сфокусировавшись на простоте и производительности. Немного поэкспериментировав я добился удивительных результатов, в…

    Читать далее »
  • ХабрахабрФото Знакомство c Reatom

    Знакомство c Reatom

    Привет, меня зовут Артём Арутюнян и я автор менеджера состояния Reatom. Этим постом открывается серия обучающих материалов на русском языке, документация на английском доступна на официальном сайте. А оно вам надо? Думаю, да, потому что Reatom — это универсальное решение, которое позволяет легко пошарить глобальное состояние за микроскопическую (2. 5KB) цену, эффективно строить самодостаточные и переиспользуемые логические модули гигантских приложений…

    Читать далее »


Кнопка «Наверх»