Публикации по теме 'redux'


Как я изучил концепции Redux
Итак, в последние несколько месяцев в сообществе Javascript происходит много шума по поводу React и Redux. Все пишут свое приложение на React. В Crowdfire у нас был новый продукт, и у нас был тот же вопрос, какой фреймворк выбрать и который лучше всего подходит для наших нужд. Поэтому мы решили перечислить требования и проверить, какая философия решит проблемы. Нет призов за то, чтобы угадать, с каким из них мы пошли. Мы выбрали React + Redux. Вместо того, чтобы слепо следовать..
Реагировать на крючки | Начинать
Вот что вы узнаете: почему React хуки как использовать перехватчики React как та же логика будет реализована в компонентах класса React Требования ES6 (стрелочные функции, деструктуризация, классы) Реагировать Настройка проекта React Если вы хотите следовать примерам, обязательно настройте среду разработки React. Запустить: ловушки для изучения npx create-response-app и тебе хорошо! (У вас должна быть одна из последних версий Node.js для запуска npx). Раньше у..
Как Redux
Как Redux Быстрое глубокое погружение Прошлой ночью я закончил играть с большим количеством Redux и закончил разговор в Твиттере. Похоже, что многим это не нравится из-за множества новых терминов и идей, необходимых для работы с ним. Redux не так уж и плох, особенно если у вас уже есть опыт работы с другим фреймворком, таким как Angular. В конце концов, это все то же самое, только по-другому написано и структурировано. Но для полных новичков я тоже могу понять вашу точку зрения...
Интересные моменты из «Полного руководства по использованию эффекта» Абрамова.
В этом году я довольно часто использовал хуки, наряду с хуками redux, в личных и производственных проектах. API немного грубоват, но в целом они соответствуют шумихе. Мне удалось относительно легко реорганизовать приложения, и сделать все компоненты работоспособными действительно очень здорово. Дэн Абрамов написал чертовски длинный и полезный пост в блоге на тему useEffect пару месяцев назад (я опаздываю на вечеринку ik ik). Я сосредоточен здесь не на TL; DR (у него есть..
Начало работы с React, Redux и Redux-Thunk #1
В этом посте мы попробуем написать небольшую программу на React (для нашего представления), Redux (для нашего управления данными и состоянием приложения), Redux-thunk (для нашего промежуточного программного обеспечения асинхронного вызова API) и React-redux (для React). контейнеры). Прежде чем погрузиться в код , в этой первой части мы постараемся дать небольшое описание каждой из этих библиотек, инструментов. React: декларативный, основанный на компонентах React или React.js —..
Как функция connect() работает в React-Redux для начинающих — Часть 3 из 3: Получение данных из…
В последней статье этой серии я хочу продемонстрировать, как получать или извлекать данные из хранилища Redux. Прежде чем читать этот пост, я бы порекомендовал вам прочитать Часть 1 , в которой дается обзор функции connect() , и Часть 2 , в которой подробно описано, как отправлять данные в хранилище Redux. Это должно облегчить дальнейшее продвижение. Меню Во-первых, давайте обсудим mapStateToProps — первый параметр функции connect() , как было показано в части 1 этой серии...
Как я использовал Redux в простейшем приложении React Photo Gallery
Redux сбивает с толку. Есть так много разных частей; действия, редукторы, магазины. Но что такое Redux в контексте приложения React? Зачем и как его использовать? На эти вопросы я попытаюсь ответить, переведя свое супер простое приложение фотогалереи на использование redux для управления состоянием. Что такое Redux? (на словах мы все можем понять) Redux - это модуль npm, отвечающий за то, чтобы ваше приложение React не сохраняло состояние. Да я серьезно! Вашим компонентам больше..