Context: frontend-dev-bookmarks / Ecosystem
Important engineers, evangelists, architects and other celebrities.
- Addy Osmani: Engineer at Google working on open web tooling.
- Learning JavaScript Design Patterns: In this free book Addy Osmani explores applying both classical and modern design patterns to the JavaScript programming language.
- Patterns For Large-Scale JavaScript Application Architecture: An extensive overview by Addy Osmani of existing architectural solutions in the frontend development field.
- Writing Modular JavaScript With AMD, CommonJS & ES Harmony: In this article Addy Osmani reviewes several of the options available for writing modular JavaScript using modern module formats AMD, CommonJS and ES6 Modules.
- Alex Sexton: 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.
- Modernizr: 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.
- André Staltz: Founder of the cycle.js framework and important contributor to ReactiveX.
- Cycle.js and Functional Reactive User Interfaces: In this talk we will discover how Cycle.js is purely reactive and functional, and why it's an interesting alternative to React.
- Dynamics of Change: why Reactivity Matters: In this talk we will see when passive or reactive strategy is advantageous, and how the reactive strategy is a sensible default.
- MVI in Cycle.js Docs: André Staltz describes how to refactor an application into MVI pattern.
- Nothing New in React and Flux Except One Thing: Andre Staltz talks about aspects of React and Flux which make them innovative and compelling.
- RxMarbles: A webapp for experimenting with diagrams of Rx Observables, for learning purposes.
- Some Problems with React/Redux: André Staltz goes through the pros and cons of React + Redux.
- The Introduction to Reactive Programming: André Staltz provides a complete introduction to the Reactive Programming and RxJS.
- Unidirectional Data Flow Architectures (Talk): Andre Staltz compares modern architecture patterns including Flux, Redux, Model-View-Intent, Elm Arch and BEST.
- What if the User was a Function?: 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.
- Why We Built Xstream: 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.
- Xstream: An extremely intuitive, small, and fast functional reactive stream library for JavaScript.
- Why We Built Xstream: 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.
- Brad Frost: Web designer, speaker, writer, consultant, musician, and artist in beautiful Pittsburgh.
- Atomic Design: Atomic Design discusses the importance of crafting robust design systems, and introduces a methodology for which to create smart, deliberate interface systems.
- A More Seamless Workflow — Style Guides for Better Design and Development: Ash Connolly explains what styles guides are and which benefits they bring to designers and developers.
- Atomic Docs: Atomic Docs is a styleguide generator and component manager. Atomic Docs is built in PHP. Inspired by Brad Frost's Atomic Design principles.
- Atomic Lab: Template sharing and coding environment based on atomic design.
- Responsive Navigation Patterns: The article describes some of the more popular techniques for handling navigation in responsive designs.
- Atomic Design: Atomic Design discusses the importance of crafting robust design systems, and introduces a methodology for which to create smart, deliberate interface systems.
- Brian Lonsdorf: Lead UXE Engineer at Salesforce, JavaScript developer and speaker known for his work in functional programming community.
- A Million Ways to Fold in JS: Brian Lonsdorf provides many functional alternatives to loops in this video.
- Debugging Functional: This post will demonstrate a simple solution that can go a long way to enhance the debugging experience in functional JavaScript applications.
- Free Monads Video Series: A video series on free monads by Brian Lonsdorf explaining Coyoneda, Free Monad and Interpretors.
- Freeky: Collection of free monads by Brian Lonsdorf.
- Hey Underscore, You're Doing It Wrong!: 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.
- JSAir - Functional and Immutable Design Patterns in JavaScript: 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.
- Lenses Quick n’ Dirty: A video by Brian Lonsdorf that introduces lenses.
- Lenses.js: Composable kmett style lenses.
- Monad a Day: Reader: Short video by Brian Lonsdorf about the Reader Monad.
- Monad a day 1: Reader: A video by Brian Lonsdorf explaining the Reader Monad.
- Monad a day 2: Future: Brian Lonsdorf explains the Future monad in this video.
- Monad a day 3: State: Brian Lonsdorf explains the State monad in this video.
- Mostly Adequate Guide to Functional Programming: A book by Brian Lonsdorf that introduces algebraic functional programming in JavaScript.
- Charles Max Wood: Podcaster at Devchat.tv, organizer of remote confs such as Angular RC, React RC, Rails RC. Software consultant and developer.
- Adventures in Angular: Adventures in Angular is a weekly podcast dedicated to the Angular JavaScript framework and related technologies, tools, languages, and practices.
- JavaScript Jabber: A weekly podcast about JavaScript, including Node.js, Front-End Technologies, Careers, Teams and more.
- Chris Coyier: Designer at Codepen. Writer at CSS-Tricks. Podcaster at ShopTalk.
- Responsive Data Tables: Several ideas by Chris Coyier on how to deal with responsive tables.
- Douglas Crockford: 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.
- Monads and Gonads: 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.
- Prototypal Inheritance in JavaScript: An article by Douglas Crockford introducing the Object.create() method and describing the rational behind it.
- James Long: Works on Firefox Developer Tools at Mozilla.
- A Study on Solving Callbacks with JavaScript Generators: This article describes how Generators help fight callback hell.
- Removing User Interface Complexity, or Why React is Awesome: In this post James Long tries not to evangelize React specifically, but to explain why its technique is profound.
- Transducers.js Library by James Long: A small library for generalized transformation of data (inspired by Clojure's transducers)
- Transducers.js Round 2 with Benchmarks: Refactored version of Transducers.js, some benchmarks, Laziness, the transformer protocoll.
- Transducers.js: A JavaScript Library for Transformation of Data: A post announcing the transducers.js library with some explanation.
- Transducers.js Round 2 with Benchmarks: Refactored version of Transducers.js, some benchmarks, Laziness, the transformer protocoll.
- Transducers.js: A JavaScript Library for Transformation of Data: A post announcing the transducers.js library with some explanation.
- Jonathan Snook: A web designer and developer who is currently UX Architect at Xero. Former lead frontend developer at Shopify.
- SMACSS: 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.
- Mikito Takada (mixu): Software engineer at Stripe.
- Learn CSS Layout the pedantic way: 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.
- Single Page Apps in Depth: 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.
- Nicholas C. Zakas: Former principal front-end engineer at Yahoo! and YUI developer. Leads a team of frontend engineers at Box now.
- Box Tech Talk: Scalable JavaScript Application Architecture: A video by Nicholas Zakas (2012) about JavaScript Architecture.
- Scalable JavaScript Application Architecture: In this video (2011) Nicholas Zakas discusses frontend architecture for complex, modular web applications with significant JavaScript elements.
- T3: T3 is a minimalist JavaScript framework sponsored by Box Inc. that provides core structure to code.
- Understanding ECMAScript 6: Free (as in pay what you want) E-Book by Nicholas C. Zakas describing the new features in EcmaScript 6.
- Nicolas Gallagher: Frontend Engineer at Twitter.
- Normalize.css: A modern, HTML5-ready alternative to CSS resets.
- Pete Hunt: Co-founder & CEO @HelloSmyte. Ex-FB and Instagram. Worked on React.js.
- Functional DOM Programming: One of the earliest intros to React and its purpose by Pete Hunt.
- React: Rethinking best practices (2013): A video introduction to React by Pete Hunt.
- Why did we build React?: Pete Hunt tries to explain why Facebook devs built React in the first place.
This work is licensed under a Creative Commons Attribution 4.0 International License.
Please provide a link back to this repository. This is not necessary for GitHub forks.