Meteor & React For Everyone #4 – Inserting Into Our Database




In this Meteor & React video tutorial, we insert data into our database. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with extra content!

Original source


10 responses to “Meteor & React For Everyone #4 – Inserting Into Our Database”

  1. Okay so when I try to bind "this" in the constructor of the react component, "this" gets bound to the "window" obj but when I bind it in the form, "this" gets bound to the component. Shouldn't they both be bound to the component?

  2. Hey Scott, I was wondering what you meant when you talked about binding, which is not something I'm familiar with: "…And we're binding this — if we don't bind 'this' we won't have access to the write 'this'". Would you explain what you're talking about here in more detail?

  3. Are you going to be teaching on how to make something like a social media site with this? I am a new student that has self taught for 2 years of php and you are making me want to switch!! I was just wondering if you were going to keep coming out with things like social media sites, or like customization profile account type websites where we really interact with the database and let profiles interact with each other.

    Honestly become a professor at a college and let me know and you have at least 1 student right here!!

    Awesome job Scott , keep it up!

  4. For those of you have error "Insert Failed: Method not found", make sure you declared the same mongo collection Resolution on the server side js file. (copy and paste "Resolutions = new Mongo.Collection("resolutions");" into "./server/main.js".

  5. Hi – Great series. What do you think about using an ES6 arrow function to define the ref attribute? It simplifies the code a bit where you reference resolution and gives some handy auto complete while removing a syntax error in WebStorm.

    addResolution(event) {
    event.preventDefault();
    // var text = this.refs.resolution.value.trim();
    var text = this.resolution.value.trim();
    }
    ~~~~~~~~~~~~
    <input
    type="text"
    ref={(ref) => this.resolution = ref}
    placeholder="Finish React Meteor Series"/>

Leave a Reply