<h1 id="notable-community-members">Notable Community Members</h1>
<p><strong>Context: <a href="../README.md">frontend-dev-bookmarks</a> / Ecosystem</strong></p>
<p>Important engineers, evangelists, architects and other celebrities.</p>
<p><a href="http://frontend.directory/"><img src="https://img.shields.io/badge/frontend-directory-blue.svg?style=flat-square" alt="frontend.directory" /></a> <a href="https://gitter.im/dypsilon/frontend-dev-bookmarks"><img src="https://img.shields.io/gitter/room/dypsilon/frontend-dev-bookmarks.svg?style=flat-square&maxAge=2592000" alt="Gitter" /></a> <a href="https://twitter.com/FrontendDir"><img src="https://img.shields.io/badge/follow-twitter-55acee.svg?style=flat-square" alt="Twitter" /></a></p>
<table style="width:58%;">
<colgroup>
<col style="width: 58%" />
</colgroup>
<tbody>
<tr class="odd">
<td>+ <strong><a href="https://addyosmani.com/">Addy Osmani</a></strong>: Engineer at Google working on open web tooling. + <strong><a href="https://addyosmani.com/resources/essentialjsdesignpatterns/book/">Learning JavaScript Design Patterns</a></strong>: In this free book Addy Osmani explores applying both classical and modern design patterns to the JavaScript programming language. + <strong><a href="https://addyosmani.com/largescalejavascript/">Patterns For Large-Scale JavaScript Application Architecture</a></strong>: An extensive overview by Addy Osmani of existing architectural solutions in the frontend development field. + <strong><a href="https://addyosmani.com/writing-modular-js/">Writing Modular JavaScript With AMD, CommonJS & ES Harmony</a></strong>: In this article Addy Osmani reviewes several of the options available for writing modular JavaScript using modern module formats AMD, CommonJS and ES6 Modules. + <strong><a href="https://alexsexton.com/">Alex Sexton</a></strong>: Alex Sexton is an engineer at Stripe. He is on the Modernizr core team, the jQuery Board of Directors, as well as the Dojo Foundation Board. + <strong><a href="https://modernizr.com/">Modernizr</a></strong>: It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. + <strong><a href="http://staltz.com/">André Staltz</a></strong>: Founder of the cycle.js framework and important contributor to ReactiveX. + <strong><a href="https://www.youtube.com/watch?v=uNZnftSksYg">Cycle.js and Functional Reactive User Interfaces</a></strong>: In this talk we will discover how Cycle.js is purely reactive and functional, and why it’s an interesting alternative to React. + <strong><a href="https://www.youtube.com/watch?v=v68ppDlvHqs">Dynamics of Change: why Reactivity Matters</a></strong>: In this talk we will see when passive or reactive strategy is advantageous, and how the reactive strategy is a sensible default. + <strong><a href="http://cycle.js.org/model-view-intent.html">MVI in Cycle.js Docs</a></strong>: André Staltz describes how to refactor an application into MVI pattern. + <strong><a href="http://staltz.com/nothing-new-in-react-and-flux-except-one-thing.html">Nothing New in React and Flux Except One Thing</a></strong>: Andre Staltz talks about aspects of React and Flux which make them innovative and compelling. + <strong><a href="http://rxmarbles.com/">RxMarbles</a></strong>: A webapp for experimenting with diagrams of Rx Observables, for learning purposes. + <strong><a href="http://staltz.com/some-problems-with-react-redux.html">Some Problems with React/Redux</a></strong>: André Staltz goes through the pros and cons of React + Redux. + <strong><a href="https://gist.github.com/staltz/868e7e9bc2a7b8c1f754">The Introduction to Reactive Programming</a></strong>: André Staltz provides a complete introduction to the Reactive Programming and RxJS. + <strong><a href="https://vimeo.com/168652278">Unidirectional Data Flow Architectures (Talk)</a></strong>: Andre Staltz compares modern architecture patterns including Flux, Redux, Model-View-Intent, Elm Arch and BEST. + <strong><a href="https://www.youtube.com/watch?v=1zj7M1LnJV4">What if the User was a Function?</a></strong>: In this video André Staltz talks about the input/output cycle between humans and computers and how to take advantage of this model by using FRP and event streams. + <strong><a href="http://staltz.com/why-we-built-xstream.html">Why We Built Xstream</a></strong>: The authors needed a stream library tailored for Cycle.js. It needs to be “hot” only, small in kB size and it should have only a few and intuitive operators. + <strong><a href="https://github.com/staltz/xstream">Xstream</a></strong>: An extremely intuitive, small, and fast functional reactive stream library for JavaScript. + <strong><a href="http://staltz.com/why-we-built-xstream.html">Why We Built Xstream</a></strong>: The authors needed a stream library tailored for Cycle.js. It needs to be “hot” only, small in kB size and it should have only a few and intuitive operators. + <strong><a href="http://bradfrost.com/">Brad Frost</a></strong>: Web designer, speaker, writer, consultant, musician, and artist in beautiful Pittsburgh. + <strong><a href="http://atomicdesign.bradfrost.com/table-of-contents/">Atomic Design</a></strong>: Atomic Design discusses the importance of crafting robust design systems, and introduces a methodology for which to create smart, deliberate interface systems. + <strong><a href="https://medium.com/@AshConnolly/a-more-seamless-workflow-style-guides-for-better-design-and-development-639fc55be28c">A More Seamless Workflow — Style Guides for Better Design and Development</a></strong>: Ash Connolly explains what styles guides are and which benefits they bring to designers and developers. + <strong><a href="http://atomicdocs.io/">Atomic Docs</a></strong>: Atomic Docs is a styleguide generator and component manager. Atomic Docs is built in PHP. Inspired by Brad Frost’s Atomic Design principles. + <strong><a href="http://steelydylan.github.io/atomic-lab/">Atomic Lab</a></strong>: Template sharing and coding environment based on atomic design. + <strong><a href="http://bradfrost.com/blog/web/responsive-nav-patterns/">Responsive Navigation Patterns</a></strong>: The article describes some of the more popular techniques for handling navigation in responsive designs. + <strong><a href="https://github.com/DrBoolean">Brian Lonsdorf</a></strong>: Lead UXE Engineer at Salesforce, JavaScript developer and speaker known for his work in functional programming community. + <strong><a href="https://www.youtube.com/watch?v=JZSoPZUoR58">A Million Ways to Fold in JS</a></strong>: Brian Lonsdorf provides many functional alternatives to loops in this video. + <strong><a href="https://medium.com/@drboolean/debugging-functional-7deb4688a08c">Debugging Functional</a></strong>: This post will demonstrate a simple solution that can go a long way to enhance the debugging experience in functional JavaScript applications. + <strong><a href="https://www.youtube.com/watch?v=WH5BrkzGgQY&list=PLK_hdtAJ4KqUWp5LJdLOgkD_8qKW0iAHi&index=1">Free Monads Video Series</a></strong>: A video series on free monads by Brian Lonsdorf explaining Coyoneda, Free Monad and Interpretors. + <strong><a href="https://github.com/DrBoolean/freeky">Freeky</a></strong>: Collection of free monads by Brian Lonsdorf. + <strong><a href="http://functionaltalks.org/2013/05/27/brian-lonsdorf-hey-underscore-youre-doing-it-wrong/">Hey Underscore, You’re Doing It Wrong!</a></strong>: In this talk Brian Lonsdorf gently takes a shot at underscore.js for not thinking about currying and partial function application in its library design. + <strong><a href="https://javascriptair.com/episodes/2015-12-30/">JSAir - Functional and Immutable Design Patterns in JavaScript</a></strong>: An episode of JavaScript Air about “the how and why of functional programming and immutable design patterns in JavaScript” with Dab Abramov and Brian Lonsdorf as guests. + <strong><a href="https://vimeo.com/104807358">Lenses Quick n’ Dirty</a></strong>: A video by Brian Lonsdorf that introduces lenses. + <strong><a href="https://github.com/DrBoolean/lenses">Lenses.js</a></strong>: Composable kmett style lenses. + <strong><a href="https://vimeo.com/105300347">Monad a Day: Reader</a></strong>: Short video by Brian Lonsdorf about the Reader Monad. + <strong><a href="https://vimeo.com/105300347">Monad a day 1: Reader</a></strong>: A video by Brian Lonsdorf explaining the Reader Monad. + <strong><a href="https://vimeo.com/106008027">Monad a day 2: Future</a></strong>: Brian Lonsdorf explains the Future monad in this video. + <strong><a href="https://vimeo.com/109984691">Monad a day 3: State</a></strong>: Brian Lonsdorf explains the State monad in this video. + <strong><a href="https://drboolean.gitbooks.io/mostly-adequate-guide/content/">Mostly Adequate Guide to Functional Programming</a></strong>: A book by Brian Lonsdorf that introduces algebraic functional programming in JavaScript. + <strong><a href="https://twitter.com/cmaxw">Charles Max Wood</a></strong>: Podcaster at Devchat.tv, organizer of remote confs such as Angular RC, React RC, Rails RC. Software consultant and developer. + <strong><a href="https://devchat.tv/adv-in-angular">Adventures in Angular</a></strong>: Adventures in Angular is a weekly podcast dedicated to the Angular JavaScript framework and related technologies, tools, languages, and practices. + <strong><a href="https://devchat.tv/js-jabber/">JavaScript Jabber</a></strong>: A weekly podcast about JavaScript, including Node.js, Front-End Technologies, Careers, Teams and more. + <strong><a href="http://chriscoyier.net/">Chris Coyier</a></strong>: Designer at Codepen. Writer at CSS-Tricks. Podcaster at ShopTalk. + <strong><a href="https://css-tricks.com/responsive-data-tables/">Responsive Data Tables</a></strong>: Several ideas by Chris Coyier on how to deal with responsive tables. + <strong><a href="http://www.crockford.com/">Douglas Crockford</a></strong>: Computer programmer who is best known for his ongoing involvement in the development of the JavaScript language, for having popularized the data format JSON, and for developing JSLint and JSMin. + <strong><a href="https://www.youtube.com/watch?v=dkZFtimgAcM">Monads and Gonads</a></strong>: In this video from YUIConf 2012, Douglas Crockford attempts to break the long-standing Monad tutorial curse by explaining the concept and applications of monads in a way that is actually understandable to the audience. + <strong><a href="http://javascript.crockford.com/prototypal.html">Prototypal Inheritance in JavaScript</a></strong>: An article by Douglas Crockford introducing the Object.create() method and describing the rational behind it. + <strong><a href="http://jlongster.com/">James Long</a></strong>: Works on Firefox Developer Tools at Mozilla. + <strong><a href="http://jlongster.com/A-Study-on-Solving-Callbacks-with-JavaScript-Generators">A Study on Solving Callbacks with JavaScript Generators</a></strong>: This article describes how Generators help fight callback hell. + <strong><a href="http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome">Removing User Interface Complexity, or Why React is Awesome</a></strong>: In this post James Long tries not to evangelize React specifically, but to explain why its technique is profound. + <strong><a href="https://github.com/jlongster/transducers.js">Transducers.js Library by James Long</a></strong>: A small library for generalized transformation of data (inspired by Clojure’s transducers) + <strong><a href="http://jlongster.com/Transducers.js-Round-2-with-Benchmarks">Transducers.js Round 2 with Benchmarks</a></strong>: Refactored version of Transducers.js, some benchmarks, Laziness, the transformer protocoll. + <strong><a href="http://jlongster.com/Transducers.js--A-JavaScript-Library-for-Transformation-of-Data">Transducers.js: A JavaScript Library for Transformation of Data</a></strong>: A post announcing the transducers.js library with some explanation. + <strong><a href="http://jlongster.com/Transducers.js-Round-2-with-Benchmarks">Transducers.js Round 2 with Benchmarks</a></strong>: Refactored version of Transducers.js, some benchmarks, Laziness, the transformer protocoll. + <strong><a href="http://jlongster.com/Transducers.js--A-JavaScript-Library-for-Transformation-of-Data">Transducers.js: A JavaScript Library for Transformation of Data</a></strong>: A post announcing the transducers.js library with some explanation. + <strong><a href="http://snook.ca/about/">Jonathan Snook</a></strong>: A web designer and developer who is currently UX Architect at Xero. Former lead frontend developer at Shopify. + <strong><a href="https://smacss.com/book/">SMACSS</a></strong>: SMACSS (pronounced “smacks”) is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS. + <strong><a href="http://mixu.net/">Mikito Takada (mixu)</a></strong>: Software engineer at Stripe. + <strong><a href="http://book.mixu.net/css/">Learn CSS Layout the pedantic way</a></strong>: Walks you through every major concept in CSS layout, without trying to simplify away the underlying mechanisms described in the CSS 2.1 and flexbox specs. + <strong><a href="http://singlepageappbook.com/">Single Page Apps in Depth</a></strong>: This free book is what I wanted when I started working with single page apps. It’s not an API reference on a particular framework, rather, the focus is on discussing patterns, implementation choices and decent practices. + <strong><a href="https://www.nczonline.net/about/">Nicholas C. Zakas</a></strong>: Former principal front-end engineer at Yahoo! and YUI developer. Leads a team of frontend engineers at Box now. + <strong><a href="https://www.youtube.com/watch?v=mKouqShWI4o">Box Tech Talk: Scalable JavaScript Application Architecture</a></strong>: A video by Nicholas Zakas (2012) about JavaScript Architecture. + <strong><a href="https://www.youtube.com/watch?v=vXjVFPosQHw">Scalable JavaScript Application Architecture</a></strong>: In this video (2011) Nicholas Zakas discusses frontend architecture for complex, modular web applications with significant JavaScript elements. + <strong><a href="http://t3js.org/">T3</a></strong>: T3 is a minimalist JavaScript framework sponsored by Box Inc. that provides core structure to code. + <strong><a href="https://leanpub.com/understandinges6/read">Understanding ECMAScript 6</a></strong>: Free (as in pay what you want) E-Book by Nicholas C. Zakas describing the new features in EcmaScript 6. + <strong><a href="http://nicolasgallagher.com/">Nicolas Gallagher</a></strong>: Frontend Engineer at Twitter. + <strong><a href="http://necolas.github.io/normalize.css/">Normalize.css</a></strong>: A modern, HTML5-ready alternative to CSS resets. + <strong><a href="https://github.com/petehunt">Pete Hunt</a></strong>: Co-founder & CEO <span class="citation" data-cites="HelloSmyte">@HelloSmyte</span>. Ex-FB and Instagram. Worked on React.js. + <strong><a href="https://medium.com/@floydophone/functional-dom-programming-67d81637d43">Functional DOM Programming</a></strong>: One of the earliest intros to React and its purpose by Pete Hunt. + <strong><a href="https://www.youtube.com/watch?v=x7cQ3mrcKaY">React: Rethinking best practices (2013)</a></strong>: A video introduction to React by Pete Hunt. + <strong><a href="http://facebook.github.io/react/blog/2013/06/05/why-react.html">Why did we build React?</a></strong>: Pete Hunt tries to explain why Facebook devs built React in the first place.</td>
</tr>
</tbody>
</table>
<h1 id="license">License</h1>
<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p>
<p>Please provide a link back to this repository. This is not necessary for GitHub forks.</p>