Рубрика «redux»
Каким должен быть Интернет-ресурс для умных, или возвращаясь к истокам отцов-основателей
2025-03-23 в 8:43, admin, рубрики: nest.js, postgresql, React, redux, аутопоэз, базы знаний, глупость, интеллект, познание, философия
Как я бросила двустороннюю архитектуру и ушла к Redux со SwiftUI и SwiftData
2024-08-16 в 8:21, admin, рубрики: redux, swift, swiftdata, swiftUI, UDF, архитектура, с нуляВступление лирическое
Представьте себе ситуацию: вы освоили всё необходимое для работы, успешно работаете, проходит год, другой, и вдруг осознаёте, что, живя в своём уютном информационном пузыре, до сих пор не знаете, когда проходит WWDC или на какой версии Swift вы пишете
Да, я оказалась именно в таком пузыре. Всё вроде бы шло хорошо: задачи решались, меня хвалили, и не было никакой необходимости узнавать что-то новое. Конечно, я всё же чему-то училась, но точечно, по мере необходимости
Причины говнокода во фронтенде. Мнение мимокрокодила
2024-01-16 в 18:15, admin, рубрики: javascript, React, react.js, ReactJS, redux, vue, vue.js, vuejs, vuex, ПрограммированиеДисклеймер
Все, что написано ниже, является личным мнением автора на основе его собственного опыта, не претендует на звание истины в последней инстанции и может кардинально отличаться от мнения читателя. Автор не ставит целью оскорбить кого-либо или принизить достоинства чего-либо, и т.д. и т.п. А впрочем...
Откуда есть пошли SPA
Знакомство c Reatom
2023-01-03 в 9:00, admin, рубрики: javascript, React, react.js, reactive programming, ReactJS, Reatom, redux, ruvds_статьи, state, state management, state manager, Блог компании RUVDS.com, состояние
Привет, меня зовут Артём Арутюнян и я автор менеджера состояния Reatom. Этим постом открывается серия обучающих материалов на русском языке, документация на английском доступна на официальном сайте.
А оно вам надо? Думаю, да, потому что Reatom — это универсальное решение, которое позволяет легко пошарить глобальное состояние за микроскопическую (2.5KB) цену, эффективно строить самодостаточные и переиспользуемые логические модули гигантских приложений или просто сделать ваш сетевой кеш реактивным с помощью дополнительного пакета @reatom/async.
В этой статье мы кратко пройдёмся по мотивации и истории, а потом разберём основные фичи и примеры их использования вместе с биндингами к React.js. Похожий разбор есть в виде скринкаста.Читать полностью »
Как я перешел из нефтянки в IT за 1 год
2022-07-06 в 14:50, admin, рубрики: css, html, javascript, React, ReactJS, redux, войти в IT, первые шаги в it, план развития frontend разработчикаПостановка задачи
Представьте: у вас есть таблица с данными, которые можно редактировать. Как мы это оформим?
В начале создадим наш проект через бойлерплейт утилиту npx create-react-app
В компоненте app.js получим список космических кораблей и положим их в хранилище redux (позднее будет понятно, почему именно туда):
// app.jsx
const App = () => {
const dispatch = useDispatch();
useEffect(() => {
const getNews = async () => {
const {data} = await axios({
method: `get`,
url: `http://swapi.dev/api/vehicles`
})
dispatch(setStarships(data.results))
}
getNews();
}, [])
return (
<div className="App">
<Table />
</div>
);
}Построим простую таблицу:
// table.jsx
const Table = () =>Читать полностью »За что я не люблю Redux
2021-06-19 в 14:54, admin, рубрики: flux, javascript, React, ReactJS, redux, webТема, конечно, не нова, и немало на этот счет уже сказано и написано. Но все же поделюсь и своим взглядом на этот счет, т.к. мое осознание данного факта формировалось скорее независимо и на основании собственного опыта, ценностей и взглядов, и возможно (надеюсь) в нем читатель найдет для себя что-то свежее или полезное.
Flux - это вовсе не что-то новое либо революционное
Почему мы выбрали MobX, а не Redux, и как его использовать эффективнее
2020-10-09 в 12:06, admin, рубрики: javascript, Mail.Ru Cloud Solutions, mobx, React, ReactJS, redux, web-разработка, Блог компании Mail.Ru Group, Разработка веб-сайтов
Меня зовут Назим Гафаров, я разработчик интерфейсов в Mail.ru Cloud SolutionsЧитать полностью »
Urban Bot или как писать чат-ботов для Telegram, Slack, Facebook… на React.js
2020-07-27 в 19:15, admin, рубрики: Facebook API, facebook messenger, graphql, javascript, mobx, node.js, React, ReactJS, redux, slack, Slack API, telegram, telegram api, TypeScript, urban bot, боты для мессенджеров, декларативное программирование, чат-бот, Чат-боты, чат-боты в телеграм, чатбот
В этой статье я хочу познакомить с новой библиотекой Urban Bot, которая адаптирует React для написания чат-ботов. Ниже я расскажу, зачем эта библиотека появилась на свет, какие дает преимущества и как написать вашего первого чат-бота.
Чат-бот — это чаще всего отдельный чат в мессенджере, в котором вы общаетесь не с человеком, а с программой. Он может присылать сообщения в виде текста, изображений, кнопок и многих других UI элементов и реагировать на сообщения от пользователей. Современные чат-боты — это полноценные UI приложения внутри мессенджеров.
В отличии от большинства чат-бот библиотек, которые чаще всего просто оборачивают http запросы в функции с готовыми аргументами и предоставляют подписки вида bot.on('message', callback), иногда позволяя передавать контекст между вызовами, Urban Bot предлагает совершенно иной подход к разработке чат-ботов — через декларативное программирование и компонентный подход. Живой пример, написанный на Urban Bot, вы можете попробовать в Telegram, cсылка на чат-бот, и посмотреть код на GitHub.
Как мы заметили выше, чат-боты это полноценные UI приложения. А какой язык в 2020 и какая библиотека наиболее подходит для разработки UI приложений? Правильно, JavaScript и React. Такая интеграция позволяет легко и непринужденно строить чат-боты любой сложности без единого знания об API мессенджеров. Далее я расскажу, как создавать простые компоненты и на их основе строить сложных чат-ботов, работать с навигацией, создавать диалоги любой вложенности, писать одно приложение и запускать в любых мессенджерах, и многое другое.
Как управлять состоянием React приложения без сторонних библиотек
2020-06-21 в 13:07, admin, рубрики: javascript, React, ReactJS, redux, Разработка веб-сайтов
Реакт это все что вам нужно для управления состоянием вашего приложения.
Управление состоянием это одна из сложнейших задач при разработки приложения. Вот почему каждый день появляются все новые и новые библиотеки для управления состоянием, их становиться все больше и больше, причем многие из них разрабатываются поверх уже существующих решений. В npm вы можете найти сотни "упрощенных Redux" библиотек. Однако, несмотря на то что управлять состоянием сложно, одной из причин того почему так получилось стало именно то что мы слишком переусложняем решение проблемы.
Существует метод управления состоянием который лично я пытаюсь применять еще с тех пор как я начал использовать Реакт. И теперь, после релиза хуков (hooks) и улучшения контекстов (context), этот метод управления состояниями стало очень просто использовать.