What is the difference between state and props? about deku HOT 3 CLOSED

It's just about ready for a proper release, the main things left are just the docs, which would help with these sort of questions.

If you've ever used Facebook's React, the API is very similar. We're probably going to things differently as the library develops though.

state is for internal component data. Only the component can change this and it can't be access or changed from anywhere else. This is updated via this.setState().

props is for external data. This is what is passed down from parent components. The only place to change props directly is on the scene. You can set the props of child components during the render hook.

var Child = component({
  initialState: function(){
    return { 
      name: 'Tom'
    };
  },
  render: function(props, state){
    return dom('div', [
      props.name,
      state.name
    ])
  }
});

var Parent = component({
  render: function(props, state){
    return dom('div', [
      Child({ name: 'Jerry' }) // Compose another component inside, setting the props 
    ]);
  }
});

Parent.render(document.body);

from deku.

Brilliant, thank you.

I'm going to start using it. The afterMount and beforeUnmount look like the perfect way to integrate other plugins like leafletjs.

from deku.

Great! Let me know if you have any problems. Specifically let me know if the API feels awkward anywhere.

from deku.