This repo is part of a series called "How we Redux". You can find the series of posts, starting with part 1, here
- git clone
https://github.com/abhiaiyer91/How-We-Redux-Todos.git
- cd How-We-Redux-Todos
- npm install
- meteor
A Todo App using Redux and Meteor.js
This repo is part of a series called "How we Redux". You can find the series of posts, starting with part 1, here
https://github.com/abhiaiyer91/How-We-Redux-Todos.git
Not sure why, but updates to the backend mongo are very slow (seconds). Looks like the render on the container happens immediately, but the todo list isn't updated for a couple seconds and then it rerenders. To test:
meteor mongo
db.todos.insert({"text":"new one from db", "completed":false})
sorry I'm still a reduxing newb, thanks so much for your work and tutorials on this. My goal is to continue your teaching with my planetx-boilerplate repo.
I’m looking for some guidance on how to approach this, I have a task list toggler “show completed tasks”, but instead of 1 list like in your tutorial I have multiple lists. How do I change the setVisibilityFilter to only apply to a single list? When I hit the toggler now, all the togglers change and all completed tasks are hidden. [My Code]
I've also asked this over in the forums
Hi, with meteor 1.3.2.4, I had the following warning when I start meteor
W20160423-18:53:06.755(2)? (STDERR) WARNING: npm peer requirements (for react-meteor-data) not installed:
W20160423-18:53:06.756(2)? (STDERR) - [email protected] installed, [email protected] needed
W20160423-18:53:06.756(2)? (STDERR) - [email protected] installed, [email protected] needed
W20160423-18:53:06.756(2)? (STDERR)
W20160423-18:53:06.756(2)? (STDERR) Read more about installing npm peer dependencies:
W20160423-18:53:06.757(2)? (STDERR) http://guide.meteor.com/using-packages.html#peer-npm-dependencies
W20160423-18:53:06.757(2)? (STDERR)
Thank so much for your articles on Medium, you tutorials are aweosome!
I have this issue when run meteor.
daniel@4TW:~/meteor_apps/How-We-Redux-Todos$ meteor
[[[[[ ~/meteor_apps/How-We-Redux-Todos ]]]]]
=> Started proxy.
=> Started MongoDB.
Unable to resolve some modules:
"./ReactInstrumentation" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactMount.js (web.browser)
"./ReactDOMComponentTree" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/findDOMNode.js (web.browser)
"./ReactFeatureFlags" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactMount.js (web.browser)
"./DOMLazyTree" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactMount.js (web.browser)
"./createMicrosoftUnsafeLocalFunction" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/setInnerHTML.js (web.browser)
"./DOMNamespaces" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactDOMComponent.js (web.browser)
"./ReactDOMInstrumentation" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/DOMPropertyOperations.js (web.browser)
"./getVendorPrefixedEventName" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactBrowserEventEmitter.js (web.browser)
"./ReactDOMComponentFlags" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactDOMComponent.js (web.browser)
"./ReactNodeTypes" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactCompositeComponent.js (web.browser)
"./ReactDOMEmptyComponent" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactDefaultInjection.js (web.browser)
"./ReactDOMTreeTraversal" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactDefaultInjection.js (web.browser)
"./SyntheticAnimationEvent" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/SimpleEventPlugin.js (web.browser)
"./SyntheticTransitionEvent" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/SimpleEventPlugin.js (web.browser)
"./ReactDOMContainerInfo" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactMount.js (web.browser)
"./getNativeComponentFromComposite" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactDOM.js (web.browser)
"../utils/warning" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react-redux/lib/components/connect.js (web.browser)
"symbol-observable" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/redux/lib/createStore.js (web.browser)
"./BreakView" in /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react-paginate/dist/PaginationListView.js (web.browser)
If you notice problems related to these missing modules, consider running:
meteor npm install --save symbol-observable
W20160428-17:06:56.581(-3)? (STDERR)
W20160428-17:06:56.586(-3)? (STDERR) /home/daniel/.meteor/packages/meteor-tool/.1.3.2_4.10vjklo++os.linux.x86_64+web.browser+web.cordova/mt-os.linux.x86_64/dev_bundle/server-lib/node_modules/fibers/future.js:267
W20160428-17:06:56.588(-3)? (STDERR) throw(ex);
W20160428-17:06:56.588(-3)? (STDERR) ^
W20160428-17:06:56.589(-3)? (STDERR) Error: Cannot find module './ReactInstrumentation'
W20160428-17:06:56.589(-3)? (STDERR) at Function.Module._resolveFilename (module.js:338:15)
W20160428-17:06:56.590(-3)? (STDERR) at Function.Module._load (module.js:280:25)
W20160428-17:06:56.591(-3)? (STDERR) at Module.require (module.js:364:17)
W20160428-17:06:56.592(-3)? (STDERR) at require (module.js:380:17)
W20160428-17:06:56.593(-3)? (STDERR) at Object.<anonymous> (/home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react/lib/ReactComponent.js:15:28)
W20160428-17:06:56.594(-3)? (STDERR) at Module._compile (module.js:456:26)
W20160428-17:06:56.595(-3)? (STDERR) at Object.Module._extensions..js (module.js:474:10)
W20160428-17:06:56.596(-3)? (STDERR) at Module.load (module.js:356:32)
W20160428-17:06:56.596(-3)? (STDERR) at Function.Module._load (module.js:312:12)
W20160428-17:06:56.597(-3)? (STDERR) at Module.require (module.js:364:17)
=> Exited with code: 8
Then I run meteor npm install --save symbol-observable
daniel@4TW:~/meteor_apps/How-We-Redux-Todos$ meteor npm install --save symbol-observable
npm WARN package.json @ No repository field.
npm WARN unmet dependency /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/react requires fbjs@'^0.8.0' but will load
npm WARN unmet dependency /home/daniel/meteor_apps/How-We-Redux-Todos/node_modules/fbjs,
npm WARN unmet dependency which is version 0.6.1
npm ERR! Linux 3.13.0-43-generic
npm ERR! argv "node" "/home/daniel/.meteor/packages/meteor-tool/.1.3.2_4.10vjklo++os.linux.x86_64+web.browser+web.cordova/mt-os.linux.x86_64/dev_bundle/bin/npm" "install" "--save" "symbol-observable"
npm ERR! node v0.10.43
npm ERR! npm v2.14.22
npm ERR! code EPEERINVALID
npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants react-addons-create-fragment@^0.14.7
npm ERR! Please include the following file with any support request:
npm ERR! /home/daniel/meteor_apps/How-We-Redux-Todos/npm-debug.log
pls pointMe in some direction 😢
Hello there, do you know how can i make redux works with react router? I have tried many things but no luck until now.
How can I make an app created from this boilerplate server side rendered ?
Thanks for really cool introduction into Meteor with Redux on https://www.medium.com! I went through it and downloaded your code from this Github-repo. Unfortunately I get a 'ReferenceError: Counts is not defined' error in the browser. As I've seen 'Counts' is used in publications.json and in TodoList.jsx but I could nowhere find a place where it is defined.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.