rwieruch / the-road-to-react-with-firebase

The Road to React with Firebase: Your journey to master Firebase in React

React and Firebase [Book]

The official repository for The Road to React with Firebase. If you want to leave a review, you can do it on Goodreads.

Updates, Help and Support

• Get book updates via E-Mail or Twitter
• Get help, while learning React with the book or teach others, in the official Slack Channel
• Find out how you can Support the Book

Contribute

You can help to improve the book by opening Issues and Pull Requests (PR).

You can open up any PR that corrects spelling or explains a certain lesson with more detail. When writing such a technical book, you get fast blind on what needs more explanation and on what is already explained well.

In addition, you can open Issues when you run into problems. In order to make the fix for the Issue as easy as possible, please provide a couple of details such as error log, screenshot, which page of the book it happened, your node version (command line: node -v) and a link to your own repository. Not all of these details are mandatory, but most of them help to fix the Issue and to improve the book.

Thanks a lot for your help!

Become a Patron

The Road to learn React is a free ebook which should enable everyone to learn about React. This kind of educational content needs your support to sustain itself. Robin Wieruch writes a lot of this educational content on his website too. So you can support him be being his Patron on Patreon.

the-road-to-react-with-firebase's Issues

src/components/SignUp.js - fields need to reference `this.state`

Hi Robin! Thanks for the book, enjoying it so far.

On p20/21 of the PDF, I have the following code:

<input
  value={username}
  onChange={event => this.setState(byPropKey('username', event.target.value)\
type="text"
  placeholder="Full Name"
/>

This caused an error for me, corrected by updating value={username} to value={this.state.username}.

I hope that's right, as I'm just learning React. :-)

Thanks,
j.

Setting state in SignInForm component

Hey first, of all thanks for a great tutorial I'm now reading the book and trying to understand magic of Firebase..

I was wondering about the onSubmit method in SignInForm component, you are updating component state by using fat arrow function this.setState(() => ({ ...INITIAL_STATE })) after the user authentification has been done successfully, is there any reason why you do so instead of this.setState({...INITIAL_STATE}).

P.s. it's in chapter 3

Feedback