Discussion on "Getting started with ES6 and React — by building a Minimal Todo App" | Hashnode

Discussion

Sai Kishore Komanduri

Engineering an eGovernance Product | Hashnode Alumnus | I love pixel art

Sep 19, 2016

Getting started with ES6 and React — by building a Minimal Todo App

Building a minimal todo app to explore the concepts of ES6 and React; that can further be used as a seed app to explore the React ecosystem more, sounds like a decent idea, no? Let's do it! 👍 The app we are building tries to imitate the implementa...

saiki.hashnode.dev13 min read

#javascript #es6 #reactjs

Responses(7)

flatlinediver

Nov 25, 2017

Thanks a lot for the tutorial, it's been very helpful.

Quick note, I think you've missed the props on the TodoApp.js snippet:

constructor(props) {
        super(props);

Thank you, Eric! I'm glad you found it helpful! :)

Not passing props to the constructor would work just fine, since we aren't using them anywhere inside the constructor function.

Also, when you do super(props) it makes props available on the component instance, inside the constructor. In other words, if you want to use this.props inside the constructor, then use super(props).

React sets .props on the instance from the outside immediately after calling the constructor; making this.props available outside the constructor.

flatlinediver

Nov 26, 2017

Thank you for the reply! It clarifies a lot.

Nonetheless, if I'm not mistaken, we are using it inside the constructor:

this.state = {
     todos: this.props.dataInterface.getAllTodos(),

By not passing the props, I get "dataInterface undefined".

I was only able to spot it by comparing the code with your repo, which has the super(props) mentioned above.

Maybe we are using different React (or other dependencies) releases?

Once again, thanks for the tutorial

Search Hashnode

Getting started with ES6 and React — by building a Minimal Todo App

Responses(7)

Recent in Forum