reactjs


How to filter items from firebase with react-redux-firebase


I'm creating an app with react-redux-firebase. I have many 'items' in many 'categories'.
How should I display the correct items on a category page?
I can use firebaseConnect to sync them from Firebase and then filter them in mapStateToProps using the categoryId prop, but them I'm syncing all items when only those in a specific category are needed.
I can use react-router's getComponent to create a category page component and wrap it with firebaseConnect each time the category page is displayed. That way firebaseConnect can use firebase queries to filter the items. However, when I do this I occasionally see items from a previously viewed category.
Do I need to combine both methods? Is there a better way?

Related Links

React native ex-navigation chnaging routers
React and Authorization using an API
electron not allowed to load local resource
How to use jsx-control-statements in reactjs?
Leaflet with Webpack: error in css-loader
React - Where should I load async data?
Infinite componentDidUpdate() calls with react-router
How to ignore .d.ts file inside npm package?
Using goBack function from react-router-redux
Can I create alias routes using react router?
Unable to update the state of my app, console.log inside reducer shows that object has changed, but the state remains same
Change background of parent after Match
React and Google's autocomplete Service and fetching zipcodes
Populating FieldArray based on a JSON file uploaded
componentDidMount not called
ReactJS component not rerendering when props are passed

Categories

HOME
asp.net
ssms
itunesconnect
system-calls
apache-storm
django-middleware
squeak
localhost
aggregation-framework
powerquery
jshell
foreach
pdf-generation
markdown
revit-api
dynamics-crm-2011
camunda
loss
css-float
google-calendar-api3
indri
xforms
summernote
restructuredtext
ajaxcontroltoolkit
pushbullet
connection-pooling
gsuite
pixels
rancher
smart-device
multiple-inheritance
scripting-language
angular-schema-form
multilanguage
ibm-bpm
log4net-configuration
unity3d-5
restler
zimbra
geocomplete
pyenv
ragel
flex3
javafxports
matrix-multiplication
const
origami
socketcluster
ape-phylo
web-technologies
superclass
apiman
api-key
rivets.js
openxava
ear
visio-2010
fckeditor
easy-thumbnails
zsh-completion
universe
visual-web-developer
tinybox2
syslog4j
hotkeys
nd4j
recode
gulp-cdnizer
libgcrypt
cyberduck
openhab
clearquest
ultraedit
cordova-3
fedena
api-eveonline
yosemite
gnip
nsmutableurlrequest
oxygenxml
atg-dynamo
nspopupbutton
farpoint-spread
windows-phone-store
boofcv
ardor3d
scidb
usersettings
nsautoreleasepool
reference-manual
junit-rule
waveout
android-memory
dancer
diazo
mysql-connector
nsundomanager
session-hijacking
xpolog
sessiontracking
auto-compile
onunload
chars
browser-state
large-data-volumes
helios
konsole
dgml
calendarextender
coderush-xpress
httpbrowsercapabilities

Resources

Encrypt Message