Last active
August 27, 2017 16:27
-
-
Save subblue/b4bce3c2251773a540b88406ebd3e74d to your computer and use it in GitHub Desktop.
Revisions
-
subblue revised this gist
Aug 27, 2017 . 1 changed file with 1 addition and 0 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -20,6 +20,7 @@ The Two Pillars of JS: [part 1](https://medium.com/javascript-scene/the-two-pill ### React.js [Official docs](https://facebook.github.io/react/docs/getting-started.html) [All React concepts in a single post](https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2) [egghead.io lessons](https://egghead.io/technologies/react) - many videos here covering all aspects. [React testing course](https://egghead.io/series/react-testing-cookbook) - handy tips on the expect and expect-jsx packages. [Expect library](https://github.com/mjackson/expect) - relatively new but seems to becoming the standard for React apps. -
subblue revised this gist
Jan 31, 2017 . 1 changed file with 1 addition and 0 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -23,6 +23,7 @@ The Two Pillars of JS: [part 1](https://medium.com/javascript-scene/the-two-pill [egghead.io lessons](https://egghead.io/technologies/react) - many videos here covering all aspects. [React testing course](https://egghead.io/series/react-testing-cookbook) - handy tips on the expect and expect-jsx packages. [Expect library](https://github.com/mjackson/expect) - relatively new but seems to becoming the standard for React apps. [AirBnB JSX Style Guide](https://github.com/airbnb/javascript/blob/master/react/README.md) Coding conventions for React Components that we pretty much follow - a very useful guide! [Best practices](https://web-design-weekly.com/2015/01/29/opinionated-guide-react-js-best-practices-conventions/) - a little old now, but some useful points. -
subblue revised this gist
Dec 6, 2016 . 1 changed file with 1 addition and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -44,7 +44,7 @@ We still have quite a lot of this too! ;) ### Testing [Wallaby.js](https://wallabyjs.com/docs/) - has completely changed the approach to testing. So much nicer now! [Mocha docs](https://mochajs.org/) - now that Node 4+ supports many ES6 features it makes testing using a standard Node setup far easier. [Expect library](https://github.com/mjackson/expect) - as mentioned above. [Expect JSX](https://github.com/algolia/expect-jsx) - useful with the above. -
subblue revised this gist
Dec 6, 2016 . 1 changed file with 1 addition and 0 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -44,6 +44,7 @@ We still have quite a lot of this too! ;) ### Testing [Wallaby.js](https://wallabyjs.com/docs/) - has completely changed the approach to testing. So much nicer now! [Mocha docs](https://mochajs.org/) - now that Node 4+ supports many ES6 features it makes testing using a standard Node setup far easier. [Expect library](https://github.com/mjackson/expect) - as mentioned above. [Expect JSX](https://github.com/algolia/expect-jsx) - useful with the above. -
subblue revised this gist
Dec 6, 2016 . 1 changed file with 6 additions and 2 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -48,8 +48,7 @@ We still have quite a lot of this too! ;) [Expect library](https://github.com/mjackson/expect) - as mentioned above. [Expect JSX](https://github.com/algolia/expect-jsx) - useful with the above. [Enzyme](http://airbnb.io/enzyme/) - created by AirBnB, one of the most popular React testing frameworks [Supertest](https://github.com/visionmedia/supertest) - very good for making HTTP assertions. ### Webpack [Official docs](http://webpack.github.io/docs/) - the official docs are a bit opaque. The best approach is to see how things work in our current projects ;) @@ -63,6 +62,11 @@ We still have quite a lot of this too! ;) [Koa middleware](https://github.com/koajs/koa/wiki) - a good list of middleware to use for building a fully featured server. ### PostgreSQL [Massive.js](http://massive-js.readthedocs.io/en/latest/) the current interface library we use for talking to Postgresql. It's a pretty thin wrapper so lets you easily use custom SQL without having to abstract everything into models. [Is my JSON valid](https://github.com/mafintosh/is-my-json-valid) - used to enforce specific object format before saving. ### Newsletter and blogs The following are very good weekly email newsletters that always have many links of interest. [Javascript weekly](http://javascriptweekly.com/) -
subblue revised this gist
Dec 6, 2016 . 1 changed file with 0 additions and 6 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -63,12 +63,6 @@ We still have quite a lot of this too! ;) [Koa middleware](https://github.com/koajs/koa/wiki) - a good list of middleware to use for building a fully featured server. ### Newsletter and blogs The following are very good weekly email newsletters that always have many links of interest. [Javascript weekly](http://javascriptweekly.com/) -
subblue created this gist
Sep 23, 2016 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1,83 @@ # Development Resources This is intended to be a growing library of useful links for documentation and articles specific to the different technologies and libraries we use for our projects. To keep ahead of the curve it is a good idea to use the [Google Chrome dev channel](https://www.google.com/chrome/browser/desktop/index.html?platform=mac&extra=devchannel) version of the browser where many of the ES6 features can be used within the dev console without transpiling via Babel. [Chrome Canary](https://www.google.com/chrome/browser/canary.html?platform=mac) build can also be used, but it tends to break things rather too often! ### Javascript ES6 [Learn ES2015](https://babeljs.io/docs/learn-es2015/) - Babel's detailed overview which was developed from the [ES6 features](https://github.com/lukehoban/es6features#readme) guide. [Essential JS links](https://github.com/ericelliott/essential-javascript-links#essential-javascript-links) - the list to end all lists! Curated by Eric Elliot who also has many very good [javascript articles](https://medium.com/@_ericelliott). [A re-introduction to JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) - good to refresh and fill in a few gaps in the basics. The Two Pillars of JS: [part 1](https://medium.com/javascript-scene/the-two-pillars-of-javascript-ee6f3281e7f3#.ez144c515) and [part 2](https://medium.com/javascript-scene/the-two-pillars-of-javascript-pt-2-functional-programming-a63aa53a41a4#.4yx9ro6qw) [Exploring ES6](http://exploringjs.com/es6/index.html) - an in depth eBook. [ES6 new features and comparison](http://es6-features.org/#Constants) - useful to compare against the old ES5 ways. [Babel ES6 REPL](http://babeljs.io/repl/) - useful for experimenting with the new features and syntax. [ES6 in 350 bullet points!](https://ponyfoo.com/articles/es6) - a very useful cheatsheet type quick reference. [egghead.io lessons](https://egghead.io/technologies/es6) - always worth watching. ### React.js [Official docs](https://facebook.github.io/react/docs/getting-started.html) [egghead.io lessons](https://egghead.io/technologies/react) - many videos here covering all aspects. [React testing course](https://egghead.io/series/react-testing-cookbook) - handy tips on the expect and expect-jsx packages. [Expect library](https://github.com/mjackson/expect) - relatively new but seems to becoming the standard for React apps. [Best practices](https://web-design-weekly.com/2015/01/29/opinionated-guide-react-js-best-practices-conventions/) - a little old now, but some useful points. ### Redux.js [Official docs](http://redux.js.org/) - seriously worth reading all the way through. Many insights in how best to build React apps. [Writing tests](http://redux.js.org/docs/recipes/WritingTests.html) - lots of good tips here applicable beyond just using Redux. [Full-Stack Redux tutorial](http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html) - I've not worked through it, but it gets high regard. It is a monster though! [Reflux to Redux](http://engineering.wework.com/process/2015/10/01/react-reflux-to-redux/) - this was very useful when porting CLS over to Redux. ### Immutable.js [Official docs](http://facebook.github.io/immutable-js/) - it's a core part of our apps and very powerful! [Learn how to use Immutable.js](https://egghead.io/series/learn-how-to-use-immutable-js) - another good egghead.io course. ### CSS We still have quite a lot of this too! ;) [CSS Next](http://cssnext.io/) - part of our Webpack config which enables us to use some new CSS syntax and features. SCSS no longer needed! ### Testing [Mocha docs](https://mochajs.org/) - now that Node 4+ supports many ES6 features it makes testing using a standard Node setup far easier. [Expect library](https://github.com/mjackson/expect) - as mentioned above. [Expect JSX](https://github.com/algolia/expect-jsx) - useful with the above. [Enzyme](http://airbnb.io/enzyme/) - created by AirBnB, one of the most popular React testing frameworks [Shallow rendering with skin-deep](http://willcodefor.beer/react-testing-with-shallow-rendering-and-skin-deep/) - another insightful article on using the little known [skin-deep](https://github.com/glenjamin/skin-deep) testing library. I was using this before I came across Enzyme. ### Webpack [Official docs](http://webpack.github.io/docs/) - the official docs are a bit opaque. The best approach is to see how things work in our current projects ;) ### Node.js [API docs](https://nodejs.org/api/) [NPM](https://www.npmjs.com/) - search for libraries of interest. [Koa](https://github.com/koajs/koa) - next gen. Express middleware server. [Koa docs](http://koajs.in/doc/) [Koa middleware](https://github.com/koajs/koa/wiki) - a good list of middleware to use for building a fully featured server. ### RethinkDB [Official docs](http://rethinkdb.com/docs/) - also with quick start guides that should be read. [Node, RethinkDB and ES6](http://rethinkdb.com/blog/node-4/) - some good insight on using ES6 generators and yield and other new ES6 features directly with RethinkDB. ### Newsletter and blogs The following are very good weekly email newsletters that always have many links of interest. [Javascript weekly](http://javascriptweekly.com/) [Node weekly](http://nodeweekly.com/) [Postgres weekly](http://postgresweekly.com/) [HTML5 weekly](http://html5weekly.com/) [ReactJS newsletter](http://reactjsnewsletter.com/) [James K Nelson](http://jamesknelson.com/) - runs a very good blog covering lots of aspects of Babel, Webpack, React and more. Has been a big help in the past. [Eric Elliot](https://medium.com/@_ericelliott) - quite opinionated but has some excellent articles especially covering the fundamentals of JS. [②ality](http://www.2ality.com/) - many very insightful JS articles from Dr. Axel Rauschmayer. [CSS-tricks](https://css-tricks.com/archives/) - not only CSS, but lots of SVG related things too.