Help needed: port TodoMVC example to ES5 without magic

[gaearon]

As @firstdoit validly observed on the Slack channel, a lot of Redux examples use bleeding edge features (destructuring, decorators, async/await) which can be a real bummer for beginners.

Here's a good thing you can help Redux with. Please take the example todomvc project in the examples folder, put it into a separate repository and port it fully to ES5.

[clearjs]

@gaearon This might be a good time to create a reduxjs organization (while it hasn't been taken). You can transfer redux there later.

[gaearon]

OK, I grabbed reduxjs.

[evankline]

@gaearon I'll add link here as soon as I finish porting @vramana's example to ES5.

[insin]

I've had a go at this: insin/redux-todomvc-es5@89df92a...master

[evankline]

@insin looks good to me

[tsingson]

@insin great, please push ahead.

[emmenko]

@clearjs great idea the org!

[clearjs]

The idea wasn't mine, it has been discussed earlier. I just wondered why it hasn't been taken yet.

[emmenko]

Oh, ok...regardless, it's a good idea :)

[Dakuan]

Not just beginners - also old timers who like to use what they know 👴 👵

[badtant]

I'm looking for ES6 examples. Can only find 5 or 7.

[gaearon]

@badtant If you backport the examples folder to use ES6, I'll merge. :-)

[insin]

Is it worth trying to automate some of this with https://www.npmjs.com/package/react-codemod?

Not eveyone who's using all the other ES6 features is using class syntax, seems like if someone writes a React.createClass version, they can use react-codemod to get a "full ES6" version for free.

[gaearon]

I'm closing because ES5 example is available at https://github.com/insin/redux-todomvc-es5 (thanks @insin!)

[mondwan]

Hi all,
It seems the example is too old for demonstrating migration with es5 plus redux nowaday?

There is no Connector anymore and I guess this is replaced by connect().

Currently, I am switching between [es5 example](https://github.com/insin/redux-todomvc-es5) and [official example](http://rackt.org/redux/docs/basics/ExampleTodoList.html) and [tj frontend example](https://github.com/tj/frontend-boilerplate). However, I cannot link `Producer`, `Connect` and `MyApp`.

It throws error below

Could not find "store" in either the context or props of "Connect(MyApp)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(MyApp)"

Any suggestions :'( ?

Resolved

Fixed. Reason for connection fail is I am using React v0.13 while react-redux require React v0.14

[insin]

I just merged a PR in the es5 example which brings it up to date with the redux 3.x API

[mondwan]

Thanks @insin