When I use the firebase instance that you provided, it works. After setting up my own firebase instance, and putting the security rules in from the readme file, I get an error when I launch the app.

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op.

Is there anything I should do to initialize the database?

I'm trying to run the example but getting:

[01:11:37] gulp-notify: [Compile Error] Cannot find module 'react-router/lib/HashHistory' from '{path}/src/js'

This isn't properly prepending http:// to the url before setting it as the href.

gulp-notify: [Compile Error] Cannot find module '../mixins/hostnameFromUrl' from '/home/guillaume/tmp/react-news/src/scripts/components'

(archlinux 64bits)

post.jsx is expecting a file named ../mixins/hostnameFromUrl (line 14) but the real mixin is named hostNameFromUrl.js

I've tried following the instructions in the README, and am not successfully getting react-news to create new users after setting up my own Firebase DB.

I'm not familiar with Firebase and am probably missing something simple!

Steps to repro:

1. Create a new Firebase DB
2. Copy-and-paste Firebase config from README to Security & Rules in Firebase DB
3. Set Firebase url in constants.js to a new Firebase DB
4. Register as new user
5. Get "Something went wrong" error
   
   
6. Try what I think is the update format in the Simulator and get "No .write rule allowed the operation"
   
   

Is there another step? If so, I'm happy to screenshot doing that and submit a pull request for the README.

Currently, when the user logs in, they can write anything to $uid because there is no check to ensure they can write to only their own $uid bucket.
I think we should add: ".write": "auth !== null && auth.uid === $uid" instead of !data.exists()

  "users": {
      ".read": true,
      ".indexOn": ["username"],

      "$uid": {
        // user not authenticated until after profile is created
       // ".write": "!data.exists()",
        "write":  "auth !== null && auth.uid === $uid"
        "upvoted": {
          "$itemId": {
            ".write": "auth.uid === $uid"
          }
        },
        "submitted": {
          "$itemId": {
            ".write": "auth.uid === $uid"
          }
        }
      }

https://github.com/echenley/react-news/blob/master/issues/4 => /issues/4

I have an issue with HashHistory, when i run gulp get:

gulp-notify: [Compile Error] Cannot find module 'react-router/lib/HashHistory' from '/www/react/react-news/src/js'

I find one issue post at react-router.

It look's like we need update the file '/src/js/routes.jsx'.

Can you provide firebase security rules and any other configuration needed for migrating to another firebase account? I'm getting an error when trying to create an account after changing firebase url.

Thanks for this great example!

@echenley,

Thanks for the great example app! I'm working on a similar test project and just wanted to say thanks! Cool code!

Jack

npm start
open http://localhost:3000/

Browser:
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined

Terminal:
ERROR in The "path" argument must be of type string. Received type undefined
webpack: Failed to compile.

npm -v 5.6.0
node -v v10.2.1

I am playing with react-news and it's great, but the bundle is pretty big

Some things are unavoidable, like react or firebase, obviously

However, FYI I could reduce the package by importing MD5 (caps) package, which is 9k, instead of crypto which is like 250k. Function usage is just md5(string) and returns the md5 hash.

Is crypto only used for generating md5 gravatar hash?

Can you add a more detail set up configuration? this is a little difficult for a newbie to start.

First of all thanks for publishing this project, it helped me a lot in understanding more of the refluxjs concept!

When I looked at your actions file I was a bit surprised to find all the preEmit hooks there instead of using async actions. Did you do that on purpose, and if so then why?

This might be a stupid question but what exactly is the "Firebase Structure" part in the README.md?
Sorry for my ignorance, it's the first time I'm using Firebase. I was able to deploy the App but now stuck.

I assume it is the database structure?

Cheers, Martin.

What I have done?

1. Create a new Firebase DB
2. Copy-and-paste Firebase config from README to Security & Rules in Firebase DB
3. Set Firebase url in constants.js to a new Firebase DB

access http://localhost:3000/register give this error

TypeError: Path must be a string. Received undefined

Can you add detail configuration steps please?

This was an oversight in the original Firebase design, and this change will allow for greater flexibility in the future. For instance, it is currently impossible to know whether a user's comment was successful without looping through the entire list of comments for a given post.

Hacker News seems like a good example to follow: https://github.com/HackerNews/API#users

this wasn't loading in many of the browsers that i tried, including chrome on my iphone and safari on mac os x because object.assign did not exist. adding corejs (from cnd) to the top of the index file solved it. would be great to include it through npm.

https://github.com/zloirock/core-js

Hey,

any chance it is on your roadmap? :)

Looks like there is a change to react-addons-update module. It now directly returns 'update' module.

Currently, it is doing:
import {update} from 'react-addons-update';

It should be doing:
import update from 'react-addons-update';

Hello,
I was trying to build the app and added my firebase url, but I got the error:-
TypeError: Path must be a string. Received undefined
any idea what is this about?

Thanks.

I saw errors in places where we are using transitionTo api. It used to be part of Navigation mixin but apparently they have changed it to History mixin. Also transitionTo no longer exists

please see:
Please see: https://github.com/rackt/react-router/blob/master/UPGRADE_GUIDE.md

Having issues when trying to run the example. I get this in the console:

app.js:258 Uncaught TypeError: Router.run is not a function

Hi @echenley
Thanks for this example app in reflux!
I would like to know if you plan to cover it with tests Jest\Jasmine? That would be a really great addition to fulfil the gap in this area since it's not covered in reflux docs.