Friday, December 9, 2016

Elixir, Phoenix, React, Redux and ES6 - I'm a complete beginner again.

I started with Erlang and now progressing with Elixir, Phoenix, React, Redux and ES6 stack. Was feeling a bit lost when seeing stuff like this:

 var createStoreWithMiddleware = (0, _redux.applyMiddleware)(reduxRouterMiddleware, _reduxThunk2.default, loggerMiddleware)(_redux.createStore);

or:

const store = autoRehydrate()(createF8Store)(reducers);

Had to remind myself on a simple function chaining, like:

const p = (store)=>{console.log("I'm an almighty container, you passed me the store: " + store);};

const f = (a,b)=>{
  console.log("Thanks for a and b: " + a + ", " + b + " it helped me to build a container with I return to you. Pass a store into it!");
return p;
};

f(3,4)("Store is just a name 'John'");

With the output of:


  • "Thanks for a and b: 3, 4 it helped me to build a container with I return to you. Pass a store into it!"

  • "I'm an almighty container, you passed me the state: Store is just a name 'John'"
Beginner mind work play games with me, tendency to get lost on trivial subjects is quite high :):):).

A list of resources I really appreciated so far:

React:
https://facebook.github.io/react/docs
https://egghead.io/courses/react-fundamentals
https://egghead.io/courses/react-flux-architecture-es6

Redux:
http://redux.js.org
https://egghead.io/lessons/javascript-redux-reducer-composition-with-combinereducers

ES6:
https://ponyfoo.com/articles/es6

ES6 and modules (oh, how could have I got so much behind?):
https://24ways.org/2014/javascript-modules-the-es6-way/
https://babeljs.io/learn-es2015/

ES6 Promises: http://www.datchley.name/es6-promises/

I also found this article being an awesome walkthrough on getting React/Redux/ES6 and more together in Facebook's makeitopen app:
http://makeitopen.com/tutorials/building-the-f8-app

Webpack:
http://ryanchristiani.com/introduction-to-webpack/

Elixir and Phoenix: 
Pragmatic programmers - Elixir programming, Phoenix programming.
Phoenix and Trello clone: http://codeloveandboards.com/blog/2016/01/14/trello-tribute-with-phoenix-and-react-pt-1/



No comments: