rinse0ut
commented
8 years ago Thanks for the great write up Katja!
I would recommend firstly reading the Redux docs intro and basic chapters to get a quick overview about Redux and it's main elements:
http://redux.js.org/index.html
Egghead.io have a free video series on Redux by it's creator Dan Abramov. It's well explained and goes into Redux in depth along with ES6 features and how to keep things immutable!
https://egghead.io/series/getting-started-with-redux
As part of this series he recommends separating components into presentation and container components, which I think is a great idea for the app. See the video links are below for further info:
https://egghead.io/lessons/javascript-redux-extracting-presentational-components-todo-todolist?series=getting-started-with-redux https://egghead.io/lessons/javascript-redux-extracting-container-components-filterlink?series=getting-started-with-redux
The github repo has several examples which are worth running and having a read of the code:
https://github.com/reactjs/redux
Here is a video of Dan Abramov's talk on Hot reloading and time travel 😎
https://www.youtube.com/watch?v=xsSnOQynTHs
Also as previously mentioned in todays meeting (and found in the discussions from months ago) there are some really well explained and cool videos by FunFunFunction on functional programming. The series includes higher order functions (map, filter, reduce), closures, currying and promises. Well worth the watch.
https://www.youtube.com/watch?v=BMUiFMZr7vk&list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84
If that wasn't enough links I also found this on on more React Redux and other helpful links (ES6, functional programming, tools etc) on hacker news!
https://github.com/markerikson/react-redux-links
On 20 April 2016 at 02:04, Katja Durrani notifications@github.com wrote:
We discussed several things today, mostly concerning the app we are working on together (organisations database).
@mjg17 https://github.com/mjg17 gave a presentation about how he had started implementing the back end for the app with LokiJS http://lokijs.org, using ES6 and Promises. This then turned into a sort of challenge to understand how the chain of promises was being executed. A major point was to recognize that the 'save' step had to be wrapped in an anonymous function for the 'this' object to be bound properly (hope I got this right). Check Michael's post here: #20 https://github.com/CodeHubOrg/discussions/issues/20
Amy has updated her slides from last session and put them online here: #19 (comment) https://github.com/CodeHubOrg/discussions/issues/19#issuecomment-211818884
@rinse0ut https://github.com/rinse0ut made the point that we should strive to use ES2015 to write the app, as it is makes for cleaner and concise code. He also suggested that people should take on certain tasks, to be followed up, so there is better coordination of the work. Another suggestion was to do a 'hacking' session where we work on the app together, possibly with pair programming, to get the development going. Everybody found this a good idea so we decided to make next session into a pure 'hacking on the app' session, no talks.
The plan is now: 3 May - Hacking session 17 May - Short presentations on D3js (@wingedeel https://github.com/wingedeel) and Scope and Closures (@gicela https://github.com/gicela and @katjad https://github.com/katjad)
In terms of tasks, some interests people have: @wingedeel https://github.com/wingedeel map with d3js, @mjg17 https://github.com/mjg17 backend, @katjad https://github.com/katjad tooling (webpack), @rinse0ut https://github.com/rinse0ut Redux architecture
We decided that we would use Redux for the app architecture; currently it is Flux so will have to be rewritten. @rinse0ut https://github.com/rinse0ut is going to provide some links to familiarise yourself. He has tried out Redux for his Scrabble word filter, which can be built running npm install and npm start from this directory https://github.com/CodeHubOrg/react-playpen/tree/master/usr/rinse0ut/scrabble/redux
Other projects: @rinse0ut https://github.com/rinse0ut continued working on the Scrabble world filter; I have pushed a little project to the React playpen https://github.com/CodeHubOrg/react-playpen which however has no React in it yet :) I liked using a lot of concepts I had come across previously; I have however not made the switch to ES6 yet
Another interesting thing discussed: Doing internships as a possible way into employment in web development.
Also welcome Cheryl who was at the group for the first time. - And thanks everybody for their contributions!
— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/CodeHubOrg/discussions/issues/21
me--2014
katjad
We discussed several things today, mostly concerning the app we are working on together (organisations database).
@mjg17 gave a presentation about how he had started implementing the back end for the app with LokiJS, using ES6 and Promises. This then turned into a sort of challenge to understand how the chain of promises was being executed. A major point was to recognize that the 'save' step had to be wrapped in an anonymous function for the 'this' object to be bound properly (hope I got this right). Check Michael's post here: #20
@me--2014 has updated her slides from last session and put them online here: https://github.com/CodeHubOrg/discussions/issues/19#issuecomment-211818884
@rinse0ut made the point that we should strive to use ES2015 to write the app, as it is makes for cleaner and concise code. He also suggested that people should take on certain tasks, to be followed up, so there is better coordination of the work. Another suggestion was to do a 'hacking' session where we work on the app together, possibly with pair programming, to get the development going. Everybody found this a good idea so we decided to make next session into a pure 'hacking on the app' session, no talks.
The plan is now: 3 May - Hacking session 17 May - Short presentations on D3js (@wingedeel) and Scope and Closures (@gicela and @katjad)
In terms of tasks, some interests people have: @wingedeel map with d3js, @mjg17 backend, @katjad tooling (webpack), @rinse0ut Redux architecture
We decided that we would use Redux for the app architecture; currently it is Flux so will have to be rewritten. @rinse0ut is going to provide some links to familiarise yourself. He has tried out Redux for his Scrabble word filter -> https://github.com/CodeHubOrg/react-playpen/tree/master/usr/rinse0ut/scrabble/redux; running npm install and npm start in this directory gives you a working app
Other projects: @rinse0ut continued working on the Scrabble world filter; I have pushed the start of a 'turtles drawing on canvas' project to the React playpen although it has no React in it yet :) I liked using a lot of concepts I had come across previously; I have however not made the switch to ES6 yet
Another interesting thing discussed: Doing internships as a possible way into employment in web development. And despite the talking we also did about an hour of coding.
Also welcome Cheryl who was at the group for the first time. - And thanks everybody for their contributions!
@mattpill @marckimbrey