Skip to content

Instantly share code, notes, and snippets.

@subblue
Last active August 27, 2017 16:27
Show Gist options
  • Select an option

  • Save subblue/b4bce3c2251773a540b88406ebd3e74d to your computer and use it in GitHub Desktop.

Select an option

Save subblue/b4bce3c2251773a540b88406ebd3e74d to your computer and use it in GitHub Desktop.

Revisions

  1. subblue revised this gist Aug 27, 2017. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions jslinks.md
    Original 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.
  2. subblue revised this gist Jan 31, 2017. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions jslinks.md
    Original 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.


  3. subblue revised this gist Dec 6, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion jslinks.md
    Original 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!
    [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.
  4. subblue revised this gist Dec 6, 2016. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions jslinks.md
    Original 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.
  5. subblue revised this gist Dec 6, 2016. 1 changed file with 6 additions and 2 deletions.
    8 changes: 6 additions & 2 deletions jslinks.md
    Original 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
    [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.

    [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/)
  6. subblue revised this gist Dec 6, 2016. 1 changed file with 0 additions and 6 deletions.
    6 changes: 0 additions & 6 deletions jslinks.md
    Original 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.



    ### 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/)
  7. subblue created this gist Sep 23, 2016.
    83 changes: 83 additions & 0 deletions jslinks.md
    Original 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.