Публикации по теме 'redux'
Reselect: улучшите свою игру Redux с помощью селекторов
Вы находите свой componentWillReceiveProps наполненным логикой? Вы знаете, что это не очень хорошо, но не знаете, где еще реагировать на изменения в реквизите? Знакомо это:
componentWillReceiveProps (newProps) {
const coolProp = newProps.coolProp;
const coolPropChanged = coolProp !== this.props. coolProp ;
const otherProp = newProps.coolProp;
const otherPropChanged = otherProp !== this.props. otherProp ;
// Set state when these props change, to know when to..
Редукс в Майнкрафте
Для тех, кто не знаком, Minecraft — это Java песочница , ориентированная на разрушение и построение блоков, а Redux — глобальная библиотека управления состоянием для JavaScript , обычно используется в качестве инструмента для решения проблем в веб-приложении. Короче говоря, Redux и Minecraft созданы на двух совершенно разных языках, так как они вообще могут работать вместе?
Java может поддерживать движок JavaScript во время выполнения, например Nashorn, Rhino, GraavlVM и другие...
Сохранение состояния приложения с помощью Redux и localStorage
Примечание. Первоначально он был написан на португальском языке и переведен Google
Эта библиотека позволяет отслеживать статус приложения ( Redux store ) и реплицировать в localStorage (браузер), что позволяет перезагрузить страницу без потери состояния.
Первый шаг - импортировать библиотеку и сообщить в store
import {createStore, combineReducers} from 'redux'
import storeSynchronize from 'redux-localstore'
import {Reducer1, Reducer2} from './modules '
const..
React JS: практика кодирования
Прошло много времени с тех пор, как я работал в различных реактивных проектах. Из каждого моего проекта и работы с разными членами команды я узнал много разных практик, которые, если следовать им в проекте, могут сделать код более удобным для сопровождения. Позвольте мне поделиться с вами некоторыми из этих практик:
1. Всегда добавляйте noreferrer в тег привязки, у которого есть target=»_blank» и href принадлежит другому хосту. Хотя современные браузеры добавляют его явно, его лучше..
Рекомендации по архитектуре Redux
За последние пару лет я написал много приложений Redux, и это, безусловно, мой любимый фреймворк JS. Единственным недостатком является то, что, в отличие от других фреймворков, Redux гораздо менее самоуверен в том, как структурировать приложение. Я предпочитаю эту свободу, но она делает кривую обучения более крутой, особенно если вы новичок в Redux. Поэтому я решил написать некоторые из идей и структур более высокого уровня, которые я подобрал и часто использую при создании приложения..
Использование Preact вместо React
Использование Preact вместо React
Если вас беспокоит размер и производительность React (особенно для мобильных веб-приложений), существует несколько библиотек клонов React, которые имеют точные те же API-интерфейсы, что и React , но имеют крошечный размер и утверждают, что работают лучше, чем React. Preact - одна из таких библиотек.
Что касается производительности (для приложения Todo), она выглядит УДИВИТЕЛЬНО! Практически такой же, как Мифрил, просто невероятно!
Вы..
Как разделить код между компонентами React-Redux
Во время работы над проектом я столкнулся с проблемой, когда мне нужно разделить код между двумя компонентами контейнера. Общий код заключался в обновлении хранилища с сервера. Сначала я создал функцию, которую использовал в компонентах контейнера для получения данных с сервера, и отправил действие с помощью функций обратного вызова.
function fetchDataFromServer(callBack){
this.callBack = callBack;
this.reFresh = function(id){
axios.get("./api/getEmployee",{id: id})..