From abbe36233cddafbce5383f93e2e6836fa96bdc5b Mon Sep 17 00:00:00 2001 From: Shaun Santa Cruz Date: Sun, 3 May 2015 11:44:29 -0600 Subject: [PATCH 0001/1036] Add part 3 in series Add new section to Comprehensive Guide to Building Apps with React --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 41b328d4..b7365f03 100644 --- a/README.md +++ b/README.md @@ -226,6 +226,7 @@ A collection of awesome React tools, resources, videos and shiny things. ##### Comprehensive Guide to Building Apps with React * [Part 1 - Comprehensive Guide to Building Apps with React](http://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/) * [Part 2 - Building React Applications with Gulp and Browserify](http://tylermcginnis.com/reactjs-tutorial-pt-2-building-react-applications-with-gulp-and-browserify/) +* [Part 3 - Architecting React.js Apps with Flux](http://tylermcginnis.com/reactjs-tutorial-pt-3-architecting-react-js-apps-with-flux/) ##### Scotch.io React tutorials series * [Learning React.js: Getting Started and Concepts](http://scotch.io/tutorials/javascript/learning-react-getting-started-and-concepts) From 3f74f5f5f18b5225cefe80e9ca1f48b74146ebfe Mon Sep 17 00:00:00 2001 From: Theadd Date: Wed, 6 May 2015 00:24:15 +0200 Subject: [PATCH 0002/1036] Add react-panels --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 41b328d4..643b71b2 100644 --- a/README.md +++ b/README.md @@ -572,6 +572,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-portal - A transportation of (not just) modals and lightboxes to document.body](https://github.com/tajo/react-portal) * [react-hotkeys - Declarative hotkey and focus area management for React](https://github.com/Chrisui/react-hotkeys) * [react-datagrid - A carefully crafted DataGrid for React](https://github.com/zippyui/react-datagrid) +* [react-panels - A multipurpose tabbed panel with many features](https://github.com/Theadd/react-panels) #### Libraries * [tuxx - A feature complete framework built on the React view layer](http://www.tuxedojs.org) From 4731d98eb32da4c61ae12a1872db4d9a356fa67e Mon Sep 17 00:00:00 2001 From: Tyler McGinnis Date: Thu, 7 May 2015 13:39:06 -0600 Subject: [PATCH 0003/1036] Add part three to comprehensive guide --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 41b328d4..b7365f03 100644 --- a/README.md +++ b/README.md @@ -226,6 +226,7 @@ A collection of awesome React tools, resources, videos and shiny things. ##### Comprehensive Guide to Building Apps with React * [Part 1 - Comprehensive Guide to Building Apps with React](http://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/) * [Part 2 - Building React Applications with Gulp and Browserify](http://tylermcginnis.com/reactjs-tutorial-pt-2-building-react-applications-with-gulp-and-browserify/) +* [Part 3 - Architecting React.js Apps with Flux](http://tylermcginnis.com/reactjs-tutorial-pt-3-architecting-react-js-apps-with-flux/) ##### Scotch.io React tutorials series * [Learning React.js: Getting Started and Concepts](http://scotch.io/tutorials/javascript/learning-react-getting-started-and-concepts) From 0daf8726c8890c476854c969bce699a3b10da094 Mon Sep 17 00:00:00 2001 From: Diego Cardozo Date: Sun, 10 May 2015 08:18:58 -0300 Subject: [PATCH 0004/1036] Added a very useful article on React best practices The article is "Best practices for building large React applications", posted on May 07, 2015 by Alex Lopatin --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 41b328d4..86914865 100644 --- a/README.md +++ b/README.md @@ -142,6 +142,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [React Primer](https://github.com/mikechau/react-primer-draft) * [Mailbox in React](http://blog.tryolabs.com/2015/04/07/react-examples-mailbox/) * [React Mixins Explained By Example](http://simblestudios.com/blog/development/react-mixins-by-example.html) +* [Best practices for building large React applications](http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications) ##### Writing React Components * [A Sortable List Component in React utilizing the HTML5 Drag & Drop API](http://webcloud.se/sortable-list-component-react-js/) From 07ac31e0bacd299283d16c2e88320c8206a1de22 Mon Sep 17 00:00:00 2001 From: Nikita Gusakov Date: Mon, 11 May 2015 18:56:35 +0300 Subject: [PATCH 0005/1036] Removed `react-localstorage` duplication --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 41b328d4..ef4fbf97 100644 --- a/README.md +++ b/README.md @@ -560,7 +560,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-localstorage - Simple localstorage mixin for react](https://github.com/STRML/react-localstorage) * [react-sortable-data React Mixin to sort data easily](https://github.com/AndrewHathaway/ReactSortableDataMixin) * [react-widgets - Suite of ui input widgets including combobox, multiselect, datepicker and more](https://github.com/theporchrat/react-widgets) -* [react-localstorage - Simple localstorage mixin for react](https://github.com/STRML/react-localstorage) * [react-sortable - Data React Mixin to sort data easily](https://github.com/AndrewHathaway/ReactSortableDataMixin) * [react-select - Rich Select Component](https://github.com/JedWatson/react-select) * [react-video - React component to load video from Vimeo or Youtube](https://github.com/pedronauck/react-video) From d4f1459d10b168d57f796764c5f15d906986a083 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 11 May 2015 22:55:10 +0300 Subject: [PATCH 0006/1036] Misc updates --- README.md | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index cb9bff0f..51b8b847 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Writing Isomorphic Apps](#writing-isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) - - [React Native](#react-native) + - [React Native Tutorials](#react-native=tutorials) - [Relay](#relay) - [Building Robust Web Apps with React](#building-robust-web-apps-with-react) - [Comprehensive Guide to Building Apps with React](#comprehensive-guide-to-building-apps-with-react) @@ -36,6 +36,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [React Internals](#react-internals) - [Tools](#tools) - [Flux](#flux) + - [React Native](#react-native) - [Mobile](#mobile) - [Relay and GraphQL](#relay-and-graphql) - [Boilerplates](#boilerplates) @@ -205,15 +206,14 @@ A collection of awesome React tools, resources, videos and shiny things. * [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example) * [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) -##### React Native +##### React Native Tutorials * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) * [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) -* [React Native Components](http://react.parts) + ##### Relay * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) * [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) -* [React Native & Relay: Bringing Modern Web Techniques to Mobile (f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU) * [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) * [The Changelog #149: React.js, React Native, Flux, Relay, and GraphQL with Facebook](https://thechangelog.com/149/) @@ -393,12 +393,14 @@ A collection of awesome React tools, resources, videos and shiny things. * [Flummox - An isomorphic Flux library with zero singletons](https://github.com/acdlite/flummox) * [Hoverboard - Lightweight data model and Flux store with actions and a state change listener](https://github.com/jesseskinner/hoverboard) -##### Mobile +##### React Native * [Use React Native](http://www.reactnative.com/) -* [react-native - A framework for building native apps with React](https://github.com/facebook/react-native) +* [React Native Components](http://react.parts) +* [react-native-webpack-server - Build React Native apps with Webpack](https://github.com/mjohnston/react-native-webpack-server) + +##### Mobile * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) * [Reapp - A UI-kit with widgets and CLI to build mobile web apps](http://reapp.io) -* [react-native-webpack-server - Build React Native apps with Webpack](https://github.com/mjohnston/react-native-webpack-server) ##### Relay and GraphQL * [react-relay - A framework for building data-driven React applications (officially by Facebook)](https://www.npmjs.com/package/react-relay) @@ -692,7 +694,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [caplet - JavaScript models library](https://github.com/mojo-js/caplet.js) #### Data Managing -* [immutable-js - Immutable Data Collections for Javascript](https://github.com/facebook/immutable-js) +* [Immutable.js - Immutable Data Collections for Javascript](https://github.com/facebook/immutable-js) * [cortex - A javascript library for centrally managing data with React](https://github.com/mquan/cortex) * [avers - A modern client-side model abstraction library](https://github.com/wereHamster/avers) * [imvvm - Immutable Model-View-ViewModel for React](https://github.com/entrendipity/imvvm) @@ -794,6 +796,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Pete Hunt: Secrets of the Virtual DOM - JSConf.au 2014](https://www.youtube.com/watch?v=a21b-KDHG-Q) * [Dave Smith: Angular + React = Speed - ng-conf 2015](https://www.youtube.com/watch?v=XQM0K6YG18s) * [Ilya Boyandin: Interactive Data Visualization with React: Taming the Complexity of Changing State - OpenVis 2015](https://www.youtube.com/watch?v=dcLrbiHIX5M) +* [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU) #### Video from React.js Conf 2015 * [Tom Occhino and Christopher Chedeau: Keynote](http://conf.reactjs.com/schedule.html#keynote) From 2aa4acc6b51ea1bcde623d9a54949ac479073cad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=94=D0=B6=D0=BE=D0=BD=2C=20=D0=BF=D1=80=D0=BE=D1=81?= =?UTF-8?q?=D1=82=D0=BE=20=D0=94=D0=B6=D0=BE=D0=BD?= Date: Mon, 11 May 2015 16:36:34 -0400 Subject: [PATCH 0007/1036] Update README.md Add link to http://react.parts --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 86445c1f..9bf8fee1 100644 --- a/README.md +++ b/README.md @@ -451,6 +451,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### Components * [React Components](http://react-components.com/) * [React Component List](http://dvemac.github.io/react-component-list/) +* [React.parts - A catalog of React components](http://react.parts/) * [Khan Academy React Components](http://khan.github.io/react-components/) * [VistarMedia Components](http://cmpnt.vistarmedia.com/) * [Reactjsx Components List](http://www.reactjsx.com/) From 0889704fcdc54865f71bda544a3bf8fa3a22bd4b Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 12 May 2015 23:50:00 +0300 Subject: [PATCH 0008/1036] Clean Boilerplate section --- README.md | 39 +++++++-------------------------------- 1 file changed, 7 insertions(+), 32 deletions(-) diff --git a/README.md b/README.md index 86445c1f..61227333 100644 --- a/README.md +++ b/README.md @@ -412,41 +412,16 @@ A collection of awesome React tools, resources, videos and shiny things. * [graphql-ruby - Ruby implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) #### Boilerplates -* [React Starterify - application skeleton using Browserify and other awesome tools](https://github.com/Granze/react-starterify) -* [react-starter-kit - a skeleton for an isomorphic web application](https://github.com/kriasoft/react-starter-kit) -* [React Quickstart](https://github.com/andreypopp/react-quickstart) -* [React Hack](https://github.com/petehunt/ReactHack) -* [React Phonegap/Cordova App](https://github.com/kjda/ReactJs-Phonegap) -* [react-component-boilerplate - Boilerplate for creating React components](https://github.com/mzabriskie/react-component-boilerplate) -* [React on Rails Starter Kit](https://github.com/elierotenberg/react-rails-starterkit) -* [react-browserify-template - Quick template for building with Browserify + React](https://github.com/petehunt/react-browserify-template) -* [React Boileplate](https://github.com/rackt/react-boilerplate) -* [Coffee React Quickstart](https://github.com/KyleAMathews/coffee-react-quickstart) -* [react-starter-template - React (reactjs), Gulp, Webpack, Bootstrap, LiveReload](https://github.com/johnthethird/react-starter-template) -* [react-starter - Starter template for React with webpack](https://github.com/webpack/react-starter) -* [react-webpack - React + Webpack project template](https://github.com/ThomasDeutsch/react-webpack) -* [react-server-rendering-example - Super-basic example of how server rendering works](https://github.com/petehunt/react-server-rendering-example) -* [React Webpack Server Side Example](https://github.com/webpack/react-webpack-server-side-example) -* [genesis-skeleton - Modern, opinionated, full-stack starter kit](https://github.com/ericclemmons/genesis-skeleton) -* [react-seed by @fizerkhan - Seed project for react apps](https://github.com/fizerkhan/react-seed) -* [react-seed by @kriasoft - A single-page application (SPA) project template based on React](https://github.com/kriasoft/React-Seed) -* [gulp-browserify-react-phonegap-starter - Phonegap, using Gulp, Browserify and React](https://github.com/stample/gulp-browserify-react-phonegap-starter) -* [react-bb-broccoli - A starter kit for React and Backbone build with Broccoli](https://github.com/mlunoe/react-bb-broccoli) -* [react-isomorphic - An experimental playground to try and find unobtrusive patterns using React](https://github.com/redbadger/react-isomorphic) -* [react-isomorphic-test - Testing an isomorphic React application](https://github.com/BinaryMuse/react-isomorphic-test) +* [ReactJS / Flux Starter Kit - a skeleton for an isomorphic web application](https://github.com/kriasoft/react-starter-kit) +* [essential-react - A minimal skeleton for building testable React apps using ES6](https://github.com/pheuter/essential-react) * [este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps](https://github.com/steida/este) -* [leveldb-baconjs-react-example - LevelDB React example](https://github.com/holonomy/leveldb-baconjs-react-example) -* [reactor-core - A small library for creating isomorphic apps in React](https://github.com/natew/reactor-core) +* [react-starter - Starter template for React with webpack](https://github.com/webpack/react-starter) * [react-hot-boilerplate - Live-editing boilerplate for your next ReactJS project](https://github.com/gaearon/react-hot-boilerplate) -* [react-webpack-stylus-starter - Project stub for React project](https://github.com/Aetet/react-webpack-stylus-starter) -* [Full example using Koa, React, Passport, Mongoose, Gulp, Mocha](https://github.com/dozoisch/koa-react-full-example) -* [Basic skeleton for a Rendr app](https://github.com/petehunt/rendr-react-template) -* [react-component-boilerplate - A React component boilerplate](https://github.com/TYRONEMICHAEL/react-component-boilerplate) -* [mullet - A React + Hapi Starter Kit](https://github.com/lynnaloo/mullet) -* [react-express-webpack-template - Server and client-side template with react-router](https://github.com/gpbl/react-express-webpack-template) -* [react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes](https://github.com/RickWong/react-isomorphic-starterkit) -* [essential-react - A minimal skeleton for building testable React apps using ES6](https://github.com/pheuter/essential-react) * [react-engine - A composite render engine for isomorphic express apps to render both plain react views and react-router views](https://github.com/paypal/react-engine) +* [koa-react-full-example - Full example using Koa, React, Passport, Mongoose, Gulp, Mocha](https://github.com/dozoisch/koa-react-full-example) +* [mullet - A React + Hapi Starter Kit](https://github.com/lynnaloo/mullet) +* [React on Rails Starter Kit](https://github.com/elierotenberg/react-rails-starterkit) +* [Coffee React Quickstart](https://github.com/KyleAMathews/coffee-react-quickstart) #### Components * [React Components](http://react-components.com/) From 6aad8d17bf021779237b10a8d760257e19d1ecd7 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 12 May 2015 23:56:12 +0300 Subject: [PATCH 0009/1036] Update TOC --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 61227333..759556e1 100644 --- a/README.md +++ b/README.md @@ -44,6 +44,8 @@ A collection of awesome React tools, resources, videos and shiny things. - [Libraries](#libraries) - [Integration](#integration) - [Routing](#routing) + - [Forms](#forms) + - [Autocomplete](#autocomplete) - [Unit Testing](#unit-testing) - [Graphics](#graphics) - [Model Libraries](#model-libraries) @@ -161,9 +163,7 @@ A collection of awesome React tools, resources, videos and shiny things. ##### Writing Isomorphic Apps * [Isomorphic JavaScript: The Future of Web Apps](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/) -* [Isomorphic apps with Backbone.js and React](http://dev.alexishevia.com/2014/08/isomorphic-apps-with-backbonejs-and.html) * [From AngularJS to React: The Isomorphic Way](http://blog.risingstack.com/from-angularjs-to-react-the-isomorphic-way/) -* [Going Isomorphic with React](http://bensmithett.github.io/going-isomorphic-with-react/#/) * [newforms - Isomorphic form-handling for React](https://github.com/insin/newforms) * [newforms-examples - Examples repository for newforms](https://github.com/insin/newforms-examples) * [isomorphic-blog-react - Blog isomorphically using React](https://github.com/jonykrause/isomorphic-blog-react) @@ -417,7 +417,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps](https://github.com/steida/este) * [react-starter - Starter template for React with webpack](https://github.com/webpack/react-starter) * [react-hot-boilerplate - Live-editing boilerplate for your next ReactJS project](https://github.com/gaearon/react-hot-boilerplate) -* [react-engine - A composite render engine for isomorphic express apps to render both plain react views and react-router views](https://github.com/paypal/react-engine) +* [react-engine - A composite render engine for isomorphic express apps](https://github.com/paypal/react-engine) * [koa-react-full-example - Full example using Koa, React, Passport, Mongoose, Gulp, Mocha](https://github.com/dozoisch/koa-react-full-example) * [mullet - A React + Hapi Starter Kit](https://github.com/lynnaloo/mullet) * [React on Rails Starter Kit](https://github.com/elierotenberg/react-rails-starterkit) From 5bed01fb37b940fe8fc886700cbdab142f68382c Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 13 May 2015 00:05:29 +0300 Subject: [PATCH 0010/1036] Clean Isomorhic Apps Section --- README.md | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 759556e1..7f1303af 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) - [Tools](#tools) - - [Flux](#flux) + - [Flux](#flux-implementations) - [React Native](#react-native) - [Mobile](#mobile) - [Relay and GraphQL](#relay-and-graphql) @@ -164,13 +164,8 @@ A collection of awesome React tools, resources, videos and shiny things. ##### Writing Isomorphic Apps * [Isomorphic JavaScript: The Future of Web Apps](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/) * [From AngularJS to React: The Isomorphic Way](http://blog.risingstack.com/from-angularjs-to-react-the-isomorphic-way/) -* [newforms - Isomorphic form-handling for React](https://github.com/insin/newforms) -* [newforms-examples - Examples repository for newforms](https://github.com/insin/newforms-examples) -* [isomorphic-blog-react - Blog isomorphically using React](https://github.com/jonykrause/isomorphic-blog-react) -* [Swarm.js+React — real-time, offline-ready Holy Grail web apps](http://swarmjs.github.io/articles/todomvc/) * [Creating Isomorphic apps with React and Node.js](http://www.htmlxprs.com/post/20/creating-isomorphic-apps-with-react-and-nodejs) -* [Serverside React Rendering: Isomorphic JavaScript with ReactJS + Node](https://reactjsnews.com/isomorphic-javascript-with-react-node/) -* [Serverside React Rendering: Isomorphic JavaScript with ReactJS + Golang](https://github.com/olebedev/go-react-example) +* [isomorphic500 - Isomorphic JS app built with React and Fluxible](https://github.com/gpbl/isomorphic500) ##### JSX * [JSX Specification](http://facebook.github.io/jsx/) @@ -300,6 +295,8 @@ A collection of awesome React tools, resources, videos and shiny things. * [Server-side React with PHP – part 2](http://www.phpied.com/server-side-react-with-php-part-2/) * [Server-rendered React components in Rails](http://bensmithett.com/server-rendered-react-components-in-rails/) * [Server-rendered React + Flux in Rails](https://github.com/nambrot/rails-webpack-react-flux) +* [Serverside React Rendering: Isomorphic JavaScript with ReactJS + Node](https://reactjsnews.com/isomorphic-javascript-with-react-node/) +* [Go React Serverside Rendering Eample](https://github.com/olebedev/go-react-example) ##### Compiling React Tutorials * [Webpack Howto by Pete Hunt](https://github.com/petehunt/webpack-howto) @@ -375,7 +372,7 @@ A collection of awesome React tools, resources, videos and shiny things. --- ### Tools -#### Flux +#### Flux Implementations * [Flux official site](http://facebook.github.io/flux/) * [Flux Project](https://github.com/facebook/flux) * [flux-comparision](https://github.com/voronianski/flux-comparison) From 598dada4c2d1690472747849930721f61134afdc Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 13 May 2015 00:17:09 +0300 Subject: [PATCH 0011/1036] Update Flux section --- README.md | 28 ++++++++++++---------------- 1 file changed, 12 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 7f1303af..f662e883 100644 --- a/README.md +++ b/README.md @@ -373,22 +373,18 @@ A collection of awesome React tools, resources, videos and shiny things. ### Tools #### Flux Implementations -* [Flux official site](http://facebook.github.io/flux/) -* [Flux Project](https://github.com/facebook/flux) -* [flux-comparision](https://github.com/voronianski/flux-comparison) -* [fluxxor - A set of tools to facilitate building JavaScript data layers using the Flux](http://fluxxor.com/) -* [refluxjs - A simple library for uni-directional dataflow application architecture inspired by Flux](https://github.com/spoike/refluxjs) -* [barracks - Event dispatcher for the React Flux architecture](https://github.com/yoshuawuyts/barracks) -* [mcfly - A lightweight flux library with factories for Actions & Stores](https://github.com/kenwheeler/mcfly) -* [delorean - A completely agnostic JavaScript framework to apply Flux concepts](http://deloreanjs.com/) -* [marty - A library for make it easy build isomorphic flux applications with React](http://martyjs.org/) -* [dispatchr - A Flux dispatcher for applications that run on the server and the client](https://github.com/yahoo/dispatchr) -* [fetchr - Augments Flux applications by allowing the same syntax on server/client](https://github.com/yahoo/fetchr) -* [flux-router-component - Router React mixin for applications built with Flux](https://github.com/yahoo/flux-router-component) -* [fluxy - An implementation of Facebook's Flux architecture](https://github.com/jmreidy/fluxy) -* [normalizr — Normalizes nested JSON according to schema for Flux Stores](https://github.com/gaearon/normalizr) -* [Flummox - An isomorphic Flux library with zero singletons](https://github.com/acdlite/flummox) -* [Hoverboard - Lightweight data model and Flux store with actions and a state change listener](https://github.com/jesseskinner/hoverboard) +* [Flux Official Site](http://facebook.github.io/flux/) +* [Flux Comparision](https://github.com/voronianski/flux-comparison) +* [RefluxJS](https://github.com/spoike/refluxjs) +* [Fluxxor](https://github.com/BinaryMuse/fluxxor) +* [Flummox](https://github.com/acdlite/flummox) +* [Marty](https://github.com/martyjs/marty) +* [McFly](https://github.com/kenwheeler/mcfly) +* [Alt](https://github.com/goatslacker/alt) +* [DeLorean](https://github.com/deloreanjs/delorean) +* [Fluxible](https://github.com/yahoo/fluxible) +* [Dispatchr](https://github.com/yahoo/dispatchr) +* [Fetchr](https://github.com/yahoo/fetchr) ##### React Native * [Use React Native](http://www.reactnative.com/) From 95c503eb1fd57b0a3b311d6622a6fa59aaee1457 Mon Sep 17 00:00:00 2001 From: Sanjeev Sekar Date: Wed, 13 May 2015 16:25:47 -0700 Subject: [PATCH 0012/1036] Update README.md Add two implementations of Hapi + React/ --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index f662e883..22583900 100644 --- a/README.md +++ b/README.md @@ -297,6 +297,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Server-rendered React + Flux in Rails](https://github.com/nambrot/rails-webpack-react-flux) * [Serverside React Rendering: Isomorphic JavaScript with ReactJS + Node](https://reactjsnews.com/isomorphic-javascript-with-react-node/) * [Go React Serverside Rendering Eample](https://github.com/olebedev/go-react-example) +* [Serverside rendering with React + Hapi](https://github.com/jedireza/hapi-react-views) ##### Compiling React Tutorials * [Webpack Howto by Pete Hunt](https://github.com/petehunt/webpack-howto) @@ -831,6 +832,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [catshop - Shopping cart built on Bootstrap 3.1 using test/fake Bitcoins](https://github.com/coinbolt/catshop) * [react-isomorphic-video-game-search - An Isomorphic demo powered by React](http://react-isomorphic-video-game-search.warppi.pe/) * [Flux ImmutableJS TodoList](https://github.com/MandarinConLaBarba/flux-immutable-todomvc) +* [Hapi+React+Flux user management system](https://github.com/jedireza/aqua) --- ### Examples From 6005e430412e4378b11e887f674d204e24a0470f Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 14 May 2015 23:09:56 +0300 Subject: [PATCH 0013/1036] Update TOC --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f662e883..333ee94e 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) - [Tools](#tools) - - [Flux](#flux-implementations) + - [Flux Implementations](#flux-implementations) - [React Native](#react-native) - [Mobile](#mobile) - [Relay and GraphQL](#relay-and-graphql) From aabb592ce95448d588539b0162343f2b3865f753 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 15 May 2015 18:48:12 +0300 Subject: [PATCH 0014/1036] Split React and React Native resources --- README.md | 37 ++++++++++++++++++++----------------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 9a26b523..dc40df55 100644 --- a/README.md +++ b/README.md @@ -3,16 +3,17 @@ A collection of awesome React tools, resources, videos and shiny things. - [Resources](#resources) - - [General Resources](#general-resources) + - [React General Resources](#react-general-resources) + - [React Native General Resources](#react-native-general-resources) - [React Online Playground](#react-online-playground) - [React Community](#react-community) - [Tutorials](#tutorials) - - [General Tutorials](#general-tutorials) + - [React Tutorials](#react-tutorials) + - [React Native Tutorials](#react-native=tutorials) - [Writing React Components](#writing-react-components) - [Writing Isomorphic Apps](#writing-isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) - - [React Native Tutorials](#react-native=tutorials) - [Relay](#relay) - [Building Robust Web Apps with React](#building-robust-web-apps-with-react) - [Comprehensive Guide to Building Apps with React](#comprehensive-guide-to-building-apps-with-react) @@ -70,17 +71,19 @@ A collection of awesome React tools, resources, videos and shiny things. --- ### Resources -#### General Resources +#### React General Resources * [React Official Site](http://facebook.github.io/react/) -* [React Native Official Site](https://facebook.github.io/react-native/) * [React GitHub](https://github.com/facebook/react) -* [React Native GitHub](https://github.com/facebook/react-native) * [React Wiki](https://github.com/facebook/react/wiki) * [React npm module](https://www.npmjs.org/package/react) * [React Tools npm module](https://www.npmjs.org/package/react-tools) -* [React Native npm module](https://www.npmjs.com/package/react-native) * [React TodoMVC](http://todomvc.com/examples/react/) +#### React Native General Resources +* [React Native Official Site](https://facebook.github.io/react-native/) +* [React Native GitHub](https://github.com/facebook/react-native) +* [React Native npm module](https://www.npmjs.com/package/react-native) + #### React Online Playground * [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) * [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) @@ -106,7 +109,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### Tutorials -##### General Tutorials +##### React Tutorials * [React Tutorial](http://facebook.github.io/react/docs/tutorial.html) * [React One Hour](https://github.com/petehunt/react-one-hour-email/) * [Medium React Tutorials](https://medium.com/react-tutorials) @@ -146,6 +149,10 @@ A collection of awesome React tools, resources, videos and shiny things. * [Mailbox in React](http://blog.tryolabs.com/2015/04/07/react-examples-mailbox/) * [React Mixins Explained By Example](http://simblestudios.com/blog/development/react-mixins-by-example.html) +##### React Native Tutorials +* [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) +* [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) + ##### Writing React Components * [A Sortable List Component in React utilizing the HTML5 Drag & Drop API](http://webcloud.se/sortable-list-component-react-js/) * [A Truly Reactive Sortable Component](http://webcloud.se/truly-reactive-sortable-component/) @@ -201,10 +208,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example) * [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) -##### React Native Tutorials -* [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) -* [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) - ##### Relay * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) @@ -373,6 +376,11 @@ A collection of awesome React tools, resources, videos and shiny things. --- ### Tools +##### React Native +* [Use React Native](http://www.reactnative.com/) +* [React Native Components](http://react.parts) +* [react-native-webpack-server - Build React Native apps with Webpack](https://github.com/mjohnston/react-native-webpack-server) + #### Flux Implementations * [Flux Official Site](http://facebook.github.io/flux/) * [Flux Comparision](https://github.com/voronianski/flux-comparison) @@ -387,11 +395,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [Dispatchr](https://github.com/yahoo/dispatchr) * [Fetchr](https://github.com/yahoo/fetchr) -##### React Native -* [Use React Native](http://www.reactnative.com/) -* [React Native Components](http://react.parts) -* [react-native-webpack-server - Build React Native apps with Webpack](https://github.com/mjohnston/react-native-webpack-server) - ##### Mobile * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) * [Reapp - A UI-kit with widgets and CLI to build mobile web apps](http://reapp.io) From 7672e45b6ce8d3e34327ca3942ff64744f375e40 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Sun, 17 May 2015 23:04:13 +0300 Subject: [PATCH 0015/1036] Update GraphQL and Relay links --- README.md | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 63bcb829..ad2e75fb 100644 --- a/README.md +++ b/README.md @@ -11,10 +11,10 @@ A collection of awesome React tools, resources, videos and shiny things. - [React Tutorials](#react-tutorials) - [React Native Tutorials](#react-native=tutorials) - [Writing React Components](#writing-react-components) + - [Relay and GraphQL Tutorials](#relay=and-graphql-tutorials) - [Writing Isomorphic Apps](#writing-isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) - - [Relay](#relay) - [Building Robust Web Apps with React](#building-robust-web-apps-with-react) - [Comprehensive Guide to Building Apps with React](#comprehensive-guide-to-building-apps-with-react) - [Scotch.io React tutorials series](#scotchio-react-tutorials-series) @@ -168,6 +168,12 @@ A collection of awesome React tools, resources, videos and shiny things. * [Complex Drag and Drop Lists using React.js](https://reactjsnews.com/complex-drag-and-drop-lists-using-react/) * [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) +##### Relay +* [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) +* [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) +* [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) +* [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) + ##### Writing Isomorphic Apps * [Isomorphic JavaScript: The Future of Web Apps](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/) * [From AngularJS to React: The Isomorphic Way](http://blog.risingstack.com/from-angularjs-to-react-the-isomorphic-way/) @@ -208,13 +214,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example) * [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) - -##### Relay -* [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) -* [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) -* [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) -* [The Changelog #149: React.js, React Native, Flux, Relay, and GraphQL with Facebook](https://thechangelog.com/149/) - ##### Building robust web apps with React * [Building robust web apps with React: Part 1](http://maketea.co.uk/2014/03/05/building-robust-web-apps-with-react-part-1.html) * [Building robust web apps with React: Part 2](http://maketea.co.uk/2014/04/07/building-robust-web-apps-with-react-part-2.html) @@ -400,12 +399,11 @@ A collection of awesome React tools, resources, videos and shiny things. * [Reapp - A UI-kit with widgets and CLI to build mobile web apps](http://reapp.io) ##### Relay and GraphQL -* [react-relay - A framework for building data-driven React applications (officially by Facebook)](https://www.npmjs.com/package/react-relay) +* [GraphpostgresQL - GraphQL for Postgres](https://github.com/solidsnack/GraphpostgresQL) * [react-transmit - Relay-inspired library based on Promises](https://github.com/RickWong/react-transmit) -* [graphqlite - An experimental implementation of Facebook's GraphQL](https://github.com/madjam002/graphqlite) * [graphqljs - GraphQL parser written in JavaScript](https://github.com/cobbweb/graphqljs) +* [graphqlite - An experimental implementation of Facebook's GraphQL](https://github.com/madjam002/graphqlite) * [GraphNoQL - Facebook's GraphQL backend implemented with Node+Mongo](https://github.com/lutherism/GraphNoQL) -* [GraphpostgresQL - GraphQL for Postgres](https://github.com/solidsnack/GraphpostgresQL) * [graphql-ruby - Ruby implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) #### Boilerplates From dc0656b7a51625d45990e467f06d2b0777d867ec Mon Sep 17 00:00:00 2001 From: Yuval Kordov Date: Sun, 17 May 2015 17:53:23 -0600 Subject: [PATCH 0016/1036] Direct uploads to S3 with React and Rails --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index ad2e75fb..f456d315 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Testing React Tutorials](#testing-react-tutorials) - [Debugging React](#debugging-react) - [Authentication and Authorization](#authentication-and-authorization) + - [File Uploads](#uploads) - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) - [Tools](#tools) @@ -323,6 +324,9 @@ A collection of awesome React tools, resources, videos and shiny things. ##### Authentication and Authorization * [Role-based authorization](http://blog.littleblimp.com/post/109540707808/role-based-authorization-with-react-js) +##### File Uploads +* [Direct uploads to S3 with React, Rails, and Paperclip](http://blog.littleblimp.com/post/119230396893/direct-uploads-to-s3-with-react-rails-and) + #### Approach Explanation * [React: Convincing the Boss](http://www.quora.com/Pete-Hunt/Posts/React-Convincing-the-Boss) * [Why did we build React?](http://facebook.github.io/react/blog/2013/06/05/why-react.html) From 68652f97a9ff04190e60af13239cf394b0106e08 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 18 May 2015 21:06:15 +0300 Subject: [PATCH 0017/1036] Misc updates --- README.md | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index ad2e75fb..df59b191 100644 --- a/README.md +++ b/README.md @@ -5,8 +5,9 @@ A collection of awesome React tools, resources, videos and shiny things. - [Resources](#resources) - [React General Resources](#react-general-resources) - [React Native General Resources](#react-native-general-resources) - - [React Online Playground](#react-online-playground) - [React Community](#react-community) + - [React Native Community](#react-native-community) + - [React Online Playground](#react-online-playground) - [Tutorials](#tutorials) - [React Tutorials](#react-tutorials) - [React Native Tutorials](#react-native=tutorials) @@ -84,28 +85,31 @@ A collection of awesome React tools, resources, videos and shiny things. * [React Native GitHub](https://github.com/facebook/react-native) * [React Native npm module](https://www.npmjs.com/package/react-native) -#### React Online Playground -* [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) -* [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) -* [React CodePen Integration with JSX](http://codepen.io/enaqx/pen/cuIxm) -* [React CodePen Integration without JSX](http://codepen.io/enaqx/pen/aAcdk) -* [React 0.13 CodePen Integration with ES6 and JSX](http://codepen.io/bradleyboy/pen/OPBpGw) -* [React 0.13 JSBin Integration with JSX](http://jsbin.com/basitofoqo/1/edit?html,js,output) - #### React Community * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) -* [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) * [React GoogleGroup](https://groups.google.com/forum/#!forum/reactjs) * [React Twitter](https://twitter.com/reactjs) * [React #reactjs Twitter](https://twitter.com/search?q=%23reactjs) -* [React #reactnative Twitter](https://twitter.com/search?q=%23reactnative) * [React SubReddit](http://www.reddit.com/r/reactjs/) * IRC network in `#reactjs` channel on freenode -* IRC network in `#reactnative` channel on freenode * [Reactiflux Slack Group](http://reactiflux.com) * [React.js Newsletter](http://reactjsnewsletter.com) * [ReactLoop.org](http://reactloop.org) +#### React Native Community +* [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) +* [React #reactnative Twitter](https://twitter.com/search?q=%23reactnative) +* [React Native SubReddit](https://www.reddit.com/r/reactnative) +* IRC network in `#reactnative` channel on freenode + +#### React Online Playground +* [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) +* [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) +* [React CodePen Integration with JSX](http://codepen.io/enaqx/pen/cuIxm) +* [React CodePen Integration without JSX](http://codepen.io/enaqx/pen/aAcdk) +* [React 0.13 CodePen Integration with ES6 and JSX](http://codepen.io/bradleyboy/pen/OPBpGw) +* [React 0.13 JSBin Integration with JSX](http://jsbin.com/basitofoqo/1/edit?html,js,output) + #### Tutorials From 78327add83ada478518cba0131ebe54eba8dfaa4 Mon Sep 17 00:00:00 2001 From: tigershen23 Date: Tue, 19 May 2015 08:12:26 -0700 Subject: [PATCH 0018/1036] Add React.js on Rails video --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index df59b191..5994ea3f 100644 --- a/README.md +++ b/README.md @@ -773,6 +773,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Dave Smith: Angular + React = Speed - ng-conf 2015](https://www.youtube.com/watch?v=XQM0K6YG18s) * [Ilya Boyandin: Interactive Data Visualization with React: Taming the Complexity of Changing State - OpenVis 2015](https://www.youtube.com/watch?v=dcLrbiHIX5M) * [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU) +* [Michael Chan: React.js on Rails](https://www.youtube.com/watch?v=kTSsZrub5iE) #### Video from React.js Conf 2015 * [Tom Occhino and Christopher Chedeau: Keynote](http://conf.reactjs.com/schedule.html#keynote) From 7defcd96667f163f5373e98ecc7468c39acaaae6 Mon Sep 17 00:00:00 2001 From: Vasa Date: Tue, 19 May 2015 13:07:54 -0700 Subject: [PATCH 0019/1036] getDOMNode() has been deprecated. Use React.findDOMNode() instead. https://facebook.github.io/react/blog/2015/03/10/react-v0.13.html https://facebook.github.io/react/docs/component-api.html#getdomnode --- examples/005_external_plugin/markdown_render.html | 2 +- examples/006_with_http_server/app.jsx | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/examples/005_external_plugin/markdown_render.html b/examples/005_external_plugin/markdown_render.html index c02a7954..9ff515bc 100644 --- a/examples/005_external_plugin/markdown_render.html +++ b/examples/005_external_plugin/markdown_render.html @@ -17,7 +17,7 @@ return {value: ' Text attributes *italic*, **bold**, `monospace`.'}; }, handleChange: function() { - this.setState({value: this.refs.textarea.getDOMNode().value}); + this.setState({value: React.findDOMNode(this.refs.textarea).value}); }, render: function() { return ( diff --git a/examples/006_with_http_server/app.jsx b/examples/006_with_http_server/app.jsx index a6e1d80b..b1d967e8 100644 --- a/examples/006_with_http_server/app.jsx +++ b/examples/006_with_http_server/app.jsx @@ -88,11 +88,11 @@ var CommentList = React.createClass({ var CommentForm = React.createClass({ handleSubmit: function() { - var author = this.refs.author.getDOMNode().value.trim(); - var text = this.refs.text.getDOMNode().value.trim(); + var author = React.findDOMNode(this.refs.author).value.trim(); + var text = React.findDOMNode(this.refs.text).value.trim(); this.props.onCommentSubmit({author: author, text: text}); - this.refs.author.getDOMNode().value = ''; - this.refs.text.getDOMNode().value = ''; + React.findDOMNode(this.refs.author).value = ''; + React.findDOMNode(this.refs.text).value = ''; return false; }, render: function() { From 86d4b91aac22371e21171cf8233bd593d986e022 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 21 May 2015 20:50:56 +0300 Subject: [PATCH 0020/1036] Misc updates --- README.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index a27bbf41..f890e28c 100644 --- a/README.md +++ b/README.md @@ -49,6 +49,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Forms](#forms) - [Autocomplete](#autocomplete) - [Unit Testing](#unit-testing) + - [Documentation Tools](#documentation-tools) - [Graphics](#graphics) - [Model Libraries](#model-libraries) - [Data Managing](#data-managing) @@ -114,7 +115,6 @@ A collection of awesome React tools, resources, videos and shiny things. #### Tutorials ##### React Tutorials -* [React Tutorial](http://facebook.github.io/react/docs/tutorial.html) * [React One Hour](https://github.com/petehunt/react-one-hour-email/) * [Medium React Tutorials](https://medium.com/react-tutorials) * [Intro to the React Framework](http://code.tutsplus.com/tutorials/intro-to-the-react-framework--net-35660) @@ -245,7 +245,6 @@ A collection of awesome React tools, resources, videos and shiny things. ##### React Charts Tutorials * [Integrating D3.js visualizations in a React app](http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/) * [D3 and React - the future of charting components?](http://10consulting.com/2014/02/19/d3-plus-reactjs-for-charting/) -* [Choropleth mapping with React and d3](http://pleasetrythisathome.github.io/react%20d3%20visualization%20choropleth/2014/03/20/react-choropleth.html) ##### React and Backbone * [Using React components as Backbone Views](http://www.thomasboyt.com/2013/12/17/using-reactjs-as-a-backbone-view.html) @@ -575,7 +574,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [Express Coffee-React views - render coffee-react on the server](https://github.com/duereg/express-coffee-react-views) * [React Page Middleware](https://github.com/reactjs/react-page-middleware) * [ngReact - React Components in Angular](https://github.com/davidchang/ngReact) -* [React Bower](https://github.com/reactjs/react-bower) * [React Python](https://github.com/reactjs/react-python) * [React PHP](https://github.com/reactjs/react-php-v8js) * [React Meteor](https://github.com/reactjs/react-meteor) @@ -657,6 +655,9 @@ A collection of awesome React tools, resources, videos and shiny things. * [jasmine-react - Unit test your React.js applications with Jasmine](https://github.com/tommyh/jasmine-react) * [chai-react - Chai assertions for React](https://github.com/percyhanna/chai-react) +#### Documentation Tools +* [react-docgen - Extract information from React component files for documentation generation](https://github.com/reactjs/react-docgen) + #### Graphics * [react-art - React Bridge to the ART Drawing Library](https://github.com/facebook/react-art) * [react-canvas - High performance rendering for React components](https://github.com/Flipboard/react-canvas) From e6d31c5c2a4233ecc4cffe4ce6f7fca0019cd214 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 21 May 2015 20:57:25 +0300 Subject: [PATCH 0021/1036] Fix anchor --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f890e28c..ef16ebca 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [React Tutorials](#react-tutorials) - [React Native Tutorials](#react-native=tutorials) - [Writing React Components](#writing-react-components) - - [Relay and GraphQL Tutorials](#relay=and-graphql-tutorials) + - [Relay and GraphQL Tutorials](#relay-and-graphql-tutorials) - [Writing Isomorphic Apps](#writing-isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) From d28b53dc354524b6401b5560345b80c3914b40f1 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 22 May 2015 01:34:52 +0300 Subject: [PATCH 0022/1036] Clean vide section: remove bad quality videos --- README.md | 4 ---- 1 file changed, 4 deletions(-) diff --git a/README.md b/README.md index ef16ebca..04a3c527 100644 --- a/README.md +++ b/README.md @@ -745,16 +745,12 @@ A collection of awesome React tools, resources, videos and shiny things. #### Video from Confs * [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY) * [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk) -* [Stoyan Stefanov: Reactive JavaScript - BrazilJS 2013](https://www.youtube.com/watch?v=yKptL0oxjuM) * [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](http://www.youtube.com/watch?v=GW0rj4sNH2w) -* [Tom Occhino and Jordan Walke: Introduction to React.js - Facebook Seattle](https://www.youtube.com/watch?v=XxVg_s8xAms) * [Pete Hunt: High performance functional programming with React and Meteor -- Devshop 11](https://www.youtube.com/watch?v=qqVbr_LaCIo) -* [Steven Luscher: Developing User Interfaces With Facebook's React - Super VanJS 2013](https://www.youtube.com/watch?v=1OeXsL5mr4g) * [Stoyan Stefanov: Introduction to React - LAWebSpeed meetup](https://www.youtube.com/watch?v=SMMRJif5QW0) * [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ) * [Pete Hunt: The Secrets of React's Virtual DOM - FutureJS 2014](https://www.youtube.com/watch?v=-DX3vJiqxm4) * [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw) -* [Areeb Malik: Going big with React - The Skills Matter eXchange](https://skillsmatter.com/skillscasts/5429-going-big-with-react) * [Christopher Chedeau: Why does React Scale? - JSConf2014](http://www.youtube.com/watch?v=D-ioDiacTm8) * [Christopher Chedeau: React's Architecture - OSCON 2014](http://www.youtube.com/watch?v=eCf5CquV_Bw) * [Christian Johansen: Functional UI Programming - flatMap 2014](http://vimeo.com/96639841) From c68ad3a072dc045c59fbe97cb34ae446d3d84696 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 22 May 2015 01:36:29 +0300 Subject: [PATCH 0023/1036] Update --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 04a3c527..8b9a1a65 100644 --- a/README.md +++ b/README.md @@ -425,6 +425,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### Components * [React Components](http://react-components.com/) * [React Component List](http://dvemac.github.io/react-component-list/) +* [React.parts - A catalog of React components](http://react.parts/) * [Khan Academy React Components](http://khan.github.io/react-components/) * [VistarMedia Components](http://cmpnt.vistarmedia.com/) * [Reactjsx Components List](http://www.reactjsx.com/) From 8645dc393df06a3ee501ecb917e41e9328a1c4c0 Mon Sep 17 00:00:00 2001 From: Cameron J Roe Date: Thu, 21 May 2015 19:02:21 -0400 Subject: [PATCH 0024/1036] add react-star-rating component --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8b9a1a65..d24debc9 100644 --- a/README.md +++ b/README.md @@ -532,6 +532,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [react.animate - State animation plugin for react.js](https://github.com/pleasetrythisathome/react.animate) * [react-animate - React animation mixin](https://github.com/elierotenberg/react-animate) * [react-star-rating-input - React.js component for entering 0-5 stars](https://github.com/ikr/react-star-rating-input) +* [react-star-rating - A simple star rating component built with React.](https://github.com/cameronjroe/react-star-rating) * [react-data-components - React components and mixins for manipulating data](https://github.com/carlosrocha/react-data-components) * [react-number-editor - Number editor (textfield) component for react](https://github.com/tleunen/react-number-editor) * [react-localstorage - Simple localstorage mixin for react](https://github.com/STRML/react-localstorage) From 6e59d6c293e1020d7d0a4c5408d64206b81afa56 Mon Sep 17 00:00:00 2001 From: Wildhoney Date: Fri, 22 May 2015 19:40:24 +0100 Subject: [PATCH 0025/1036] Added Maple.js library to 'Libraries' section --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8b9a1a65..d74d3ed6 100644 --- a/README.md +++ b/README.md @@ -560,6 +560,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Touchstonejs - React.js powered UI framework for developing beautiful hybrid mobile apps.](http://touchstonejs.io/) * [StateTrooper - Centrally manage state for React applications with CSP](https://github.com/swipely/state-trooper) * [riotjs - A React- like, 3.5KB user interface library](https://github.com/muut/riotjs) +* [Maple.js - Bringing the concept of web-components to React](https://github.com/Wildhoney/Maple.js) #### Integration * [ReactJS.NET](http://reactjs.net/) From a1e21bb4bb49ae1786811b3305f6368ae7117589 Mon Sep 17 00:00:00 2001 From: Ken Date: Tue, 26 May 2015 18:30:00 +1000 Subject: [PATCH 0026/1036] Add react-webpack-node to the mix. Isomorphic flux with alt. Deployable to heroku. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2dcd7618..133da4c2 100644 --- a/README.md +++ b/README.md @@ -426,6 +426,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [mullet - A React + Hapi Starter Kit](https://github.com/lynnaloo/mullet) * [React on Rails Starter Kit](https://github.com/elierotenberg/react-rails-starterkit) * [Coffee React Quickstart](https://github.com/KyleAMathews/coffee-react-quickstart) +* [React + Webpack + Flux (Alt) + Isomorphic + Express + MongoDB boilerplate](https://github.com/choonkending/react-webpack-node) #### Components * [React Components](http://react-components.com/) From f55d47cbc9e62f72b154300e04e4066315c741b7 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 27 May 2015 01:54:33 +0300 Subject: [PATCH 0027/1036] Fix react-native tutorial anchor link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 2dcd7618..cada5602 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [React Online Playground](#react-online-playground) - [Tutorials](#tutorials) - [React Tutorials](#react-tutorials) - - [React Native Tutorials](#react-native=tutorials) + - [React Native Tutorials](#react-native-tutorials) - [Writing React Components](#writing-react-components) - [Relay and GraphQL Tutorials](#relay-and-graphql-tutorials) - [Writing Isomorphic Apps](#writing-isomorphic-apps) From 3a077b26aa142ac458684bd95be03b15662994d7 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 27 May 2015 21:08:32 +0300 Subject: [PATCH 0028/1036] Update google groups in favour of discussino forum --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index cada5602..b219e640 100644 --- a/README.md +++ b/README.md @@ -89,7 +89,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### React Community * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) -* [React GoogleGroup](https://groups.google.com/forum/#!forum/reactjs) +* [React Discussion Forum](https://discuss.reactjs.org/) * [React Twitter](https://twitter.com/reactjs) * [React #reactjs Twitter](https://twitter.com/search?q=%23reactjs) * [React SubReddit](http://www.reddit.com/r/reactjs/) From 616aa6bbea0d1d3f067d94f6cf37c9e39b52c3aa Mon Sep 17 00:00:00 2001 From: Dmitry Polushkin Date: Thu, 28 May 2015 15:16:04 +0100 Subject: [PATCH 0029/1036] Add react-test-tree to Unit Testing --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index b219e640..6e76ba4e 100644 --- a/README.md +++ b/README.md @@ -660,6 +660,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [jest - Painless JavaScript Unit Testing](http://facebook.github.io/jest/) * [jasmine-react - Unit test your React.js applications with Jasmine](https://github.com/tommyh/jasmine-react) * [chai-react - Chai assertions for React](https://github.com/percyhanna/chai-react) +* [react-test-tree - Simple and concise React component testing](https://github.com/QubitProducts/react-test-tree) #### Documentation Tools * [react-docgen - Extract information from React component files for documentation generation](https://github.com/reactjs/react-docgen) From 6dfca4cabb13ca116431ed6ca413f89d97d02036 Mon Sep 17 00:00:00 2001 From: Frederick Silva Date: Thu, 28 May 2015 16:41:10 -0300 Subject: [PATCH 0030/1036] add React and ClojureScript - re-frame close #172 --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 92be0dbe..776afa07 100644 --- a/README.md +++ b/README.md @@ -272,6 +272,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [The Future of JavaScript MVC Frameworks](http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/) * [Om sweet Om](http://blog.getprismatic.com/om-sweet-om-high-functional-frontend-engineering-with-clojurescript-and-react/) * [The Case for React.js and ClojureScript](http://murilopereira.com/the-case-for-reactjs-and-clojurescript/) +* [A Reagent Framework For Writing SPAs](https://github.com/Day8/re-frame) ##### React and CoffeeScript * [React & CoffeeScript](http://blog.vjeux.com/2013/javascript/react-coffeescript.html) From 2d49f757230ac786bf4f2fdc82a8451da686d5d5 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 2 Jun 2015 02:35:19 +0300 Subject: [PATCH 0031/1036] Add React Podcast --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 24785be8..b2f64fdd 100644 --- a/README.md +++ b/README.md @@ -97,6 +97,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Reactiflux Slack Group](http://reactiflux.com) * [React.js Newsletter](http://reactjsnewsletter.com) * [ReactLoop.org](http://reactloop.org) +* [React Podcast](http://reactpodcast.com/) #### React Native Community * [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) From 356d4e90330e63632cca8846287158857b37b87f Mon Sep 17 00:00:00 2001 From: arqex Date: Tue, 9 Jun 2015 17:20:58 +0200 Subject: [PATCH 0032/1036] Added freezer-js to README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index b67623f4..068bec9a 100644 --- a/README.md +++ b/README.md @@ -686,6 +686,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [morearty.js - Better state management for React in pure JavaScript](https://github.com/moreartyjs/moreartyjs) * [valuable - An immutable data store for React](https://github.com/josephsavona/valuable) * [react-resolver - Isomorphic library to recursively lazy-load data for React components](https://github.com/ericclemmons/react-resolver) +* [freezer-js - Lightweight and reactive immutable data structure for React](https://github.com/arqex/freezer) #### Development Environment * [react-devtools - React Chrome Developer Tools](https://github.com/facebook/react-devtools) From e854b342528938d61ff05603d442efd86c9e0828 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 10 Jun 2015 19:03:19 +0300 Subject: [PATCH 0033/1036] Add Flux: A Unidirectional Data Flow Architecture for React Apps talk by Bill Fisher --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index b67623f4..f8e949ab 100644 --- a/README.md +++ b/README.md @@ -779,6 +779,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Dave Smith: Angular + React = Speed - ng-conf 2015](https://www.youtube.com/watch?v=XQM0K6YG18s) * [Ilya Boyandin: Interactive Data Visualization with React: Taming the Complexity of Changing State - OpenVis 2015](https://www.youtube.com/watch?v=dcLrbiHIX5M) * [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU) +* [Flux: A Unidirectional Data Flow Architecture for React Apps - ACM April 2015](https://www.youtube.com/watch?v=N3tF7jtbKZY) * [Michael Chan: React.js on Rails](https://www.youtube.com/watch?v=kTSsZrub5iE) #### Video from React.js Conf 2015 From 8a7126b85c22f8c81b049b2d0c4eebeedc1d82ee Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 10 Jun 2015 19:15:42 +0300 Subject: [PATCH 0034/1036] Add NuclearJS Flux Implementation --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f8e949ab..b1ea87d7 100644 --- a/README.md +++ b/README.md @@ -403,6 +403,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Fluxible](https://github.com/yahoo/fluxible) * [Dispatchr](https://github.com/yahoo/dispatchr) * [Fetchr](https://github.com/yahoo/fetchr) +* [NuclearJS](https://github.com/optimizely/nuclear-js) ##### Mobile * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) From aec051308fd2ff9b9648b1fe35cdc4d1229da2ea Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 10 Jun 2015 20:56:52 +0300 Subject: [PATCH 0035/1036] README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b1ea87d7..6eeba285 100644 --- a/README.md +++ b/README.md @@ -780,7 +780,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Dave Smith: Angular + React = Speed - ng-conf 2015](https://www.youtube.com/watch?v=XQM0K6YG18s) * [Ilya Boyandin: Interactive Data Visualization with React: Taming the Complexity of Changing State - OpenVis 2015](https://www.youtube.com/watch?v=dcLrbiHIX5M) * [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU) -* [Flux: A Unidirectional Data Flow Architecture for React Apps - ACM April 2015](https://www.youtube.com/watch?v=N3tF7jtbKZY) +* [Flux: A Unidirectional Data Flow Architecture for React Apps - ACM Applicative 2015](https://www.youtube.com/watch?v=N3tF7jtbKZY) * [Michael Chan: React.js on Rails](https://www.youtube.com/watch?v=kTSsZrub5iE) #### Video from React.js Conf 2015 From e13d8924bf091aa9e4b33c76d4663d711ffb89b7 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 12 Jun 2015 00:07:20 +0300 Subject: [PATCH 0036/1036] Add super-basic example of how server rendering works by Pete Hunt --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 07550442..54c3701e 100644 --- a/README.md +++ b/README.md @@ -298,6 +298,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Server/Client With React, Part 3: Frontend Server](http://eflorenzano.com/blog/2014/04/11/react-part-3-frontend-server/) ##### Server Side rendering +* [Super-basic example of how server rendering works](https://github.com/petehunt/react-server-rendering-example) * [Server Side Rendering for ReactJS](http://yanns.github.io/blog/2014/03/15/server-side-rendering-for-javascript-reactjs-framework/) * [React Server Rendering](https://github.com/mhart/react-server-example) * [JDK8 + Facebook React: Rendering single page apps on the server](http://augustl.com/blog/2014/jdk8_react_rendering_on_server/) From 9fa211bd3914b238f9f4b5a1b64a9a93936985a7 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 12 Jun 2015 02:27:42 +0300 Subject: [PATCH 0037/1036] Some cleaning --- README.md | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) diff --git a/README.md b/README.md index 54c3701e..df6683f2 100644 --- a/README.md +++ b/README.md @@ -80,7 +80,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [React Wiki](https://github.com/facebook/react/wiki) * [React npm module](https://www.npmjs.org/package/react) * [React Tools npm module](https://www.npmjs.org/package/react-tools) -* [React TodoMVC](http://todomvc.com/examples/react/) +* [React JSX Online Compiler](https://facebook.github.io/react/jsx-compiler.html) #### React Native General Resources * [React Native Official Site](https://facebook.github.io/react-native/) @@ -94,8 +94,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [React #reactjs Twitter](https://twitter.com/search?q=%23reactjs) * [React SubReddit](http://www.reddit.com/r/reactjs/) * IRC network in `#reactjs` channel on freenode -* [Reactiflux Slack Group](http://reactiflux.com) -* [React.js Newsletter](http://reactjsnewsletter.com) * [ReactLoop.org](http://reactloop.org) * [React Podcast](http://reactpodcast.com/) @@ -108,8 +106,6 @@ A collection of awesome React tools, resources, videos and shiny things. #### React Online Playground * [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) * [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) -* [React CodePen Integration with JSX](http://codepen.io/enaqx/pen/cuIxm) -* [React CodePen Integration without JSX](http://codepen.io/enaqx/pen/aAcdk) * [React 0.13 CodePen Integration with ES6 and JSX](http://codepen.io/bradleyboy/pen/OPBpGw) * [React 0.13 JSBin Integration with JSX](http://jsbin.com/basitofoqo/1/edit?html,js,output) @@ -117,36 +113,28 @@ A collection of awesome React tools, resources, videos and shiny things. #### Tutorials ##### React Tutorials -* [React One Hour](https://github.com/petehunt/react-one-hour-email/) * [Medium React Tutorials](https://medium.com/react-tutorials) -* [Intro to the React Framework](http://code.tutsplus.com/tutorials/intro-to-the-react-framework--net-35660) * [React beginner tutorial: implementing the board game Go](http://cjlarose.com/2014/01/09/react-board-game-tutorial.html) * [Trying Out ReactJS With the Marvel API](http://ryanlanciaux.github.io/blog/2014/05/26/trying-out-reactjs-with-the-marvel-api/) * [Yo in React](http://davidandsuzi.com/yo-in-react/) * [Creating Chrome Extensions with React](http://brandontilley.com/2014/02/24/creating-chrome-extensions-with-react.html) * [Using ReactJS and KendoUI Together](http://ifandelse.com/using-reactjs-and-kendoui-together/) * [Building dynamic forms with Facebook React](http://www.dustingetz.com/2014/02/18/react-dynamic-forms.html) -* [Intro to React livecoding workshop](http://www.dustingetz.com/2014/03/16/react-into-workshop-notes.html) -* [Tooltip mixin for React](https://caurea.org/2014/06/12/tooltip-mixin-for-react.html) * [React Tutorial: Two way data binding](http://voidcanvas.com/react-tutorial-two-way-data-binding/) * [React PhoneCat: Rewriting the AngularJS Tutorial App in React](http://jgebhardt.github.io/blog/react-phonecat/) * [Simplifying Code with React](http://www.kevindangoor.com/2014/05/simplifying-code-with-react/) -* [The New React-based Brackets Project Tree](http://www.kevindangoor.com/2014/09/intro-to-the-new-brackets-project-tree/) * [A React.js case study follow-up](http://blog.krawaller.se/posts/a-react-js-case-study-follow-up/) * [Scroll Position with React](http://blog.vjeux.com/2013/javascript/scroll-position-with-react.html) * [Component Interop With React And Custom Elements](http://addyosmani.com/blog/component-interop-with-react-and-custom-elements/) * [Getting Started with React.js: Creating Material Design Components](http://www.syncano.com/getting-started-reactjs-tutorial/) * [Building a board game with React.js](http://jjt.io/2014/07/30/building-a-board-game-with-react-js/) -* [ReactJS and Socket.IO Chat Application](http://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/) * [Using Firebase with ReactJS](https://www.firebase.com/blog/2014-05-01-using-firebase-with-react.html) * [5 Practical Examples For Learning The React Framework](http://tutorialzine.com/2014/07/5-practical-examples-for-learning-facebooks-react-framework/) * [Working with jQuery UI Dialog and ReactJS components](http://sterling.ghost.io/working-with-jqueryui-and-reactjs-components/) * [ReactJS for Stupid People](http://blog.andrewray.me/reactjs-for-stupid-people/) * [WebRTC chat with React.js](http://blog.mgechev.com/2014/09/03/webrtc-peer-to-peer-chat-with-react/) -* [Introduction to Contexts in React.js](https://www.tildedave.com/2014/11/15/introduction-to-contexts-in-react-js.html) * [Learn React by building the Hacker News front page](https://github.com/mking/react-hn) * [Play Framework and Facebook's React library](http://matthiasnehlsen.com/blog/2014/01/05/play-framework-and-facebooks-react-library/) -* [Build with React](http://buildwithreact.com/) * [Taking React to the next level: Mixins, Gulp, and Browserify](http://pomax.github.io/?#gh-weblog-1420592591221) * [Getting Started with React](http://ryanclark.me/getting-started-with-react/) * [React Tips and Best Practices](http://aeflash.com/2015-02/react-tips-and-best-practices.html) From 2348559f5e4b82ef2188fbf4c7790b1057e265d2 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 12 Jun 2015 02:30:04 +0300 Subject: [PATCH 0038/1036] Update descriptions --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index df6683f2..1aa8a65f 100644 --- a/README.md +++ b/README.md @@ -94,12 +94,12 @@ A collection of awesome React tools, resources, videos and shiny things. * [React #reactjs Twitter](https://twitter.com/search?q=%23reactjs) * [React SubReddit](http://www.reddit.com/r/reactjs/) * IRC network in `#reactjs` channel on freenode -* [ReactLoop.org](http://reactloop.org) +* [React Loop](http://reactloop.org) * [React Podcast](http://reactpodcast.com/) #### React Native Community * [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) -* [React #reactnative Twitter](https://twitter.com/search?q=%23reactnative) +* [React Native #reactnative Twitter](https://twitter.com/search?q=%23reactnative) * [React Native SubReddit](https://www.reddit.com/r/reactnative) * IRC network in `#reactnative` channel on freenode From 3541173bf11391d7ae8fa3e2a1d90c95170bc302 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 12 Jun 2015 10:55:47 +0300 Subject: [PATCH 0039/1036] Update Resources section --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index dd56928c..b41114fd 100644 --- a/README.md +++ b/README.md @@ -78,9 +78,8 @@ A collection of awesome React tools, resources, videos and shiny things. * [React Official Site](http://facebook.github.io/react/) * [React GitHub](https://github.com/facebook/react) * [React Wiki](https://github.com/facebook/react/wiki) -* [React npm module](https://www.npmjs.org/package/react) -* [React Tools npm module](https://www.npmjs.org/package/react-tools) -* [React JSX Online Compiler](https://facebook.github.io/react/jsx-compiler.html) +* [React NPM Module](https://www.npmjs.org/package/react) +* [React Tools NPM Module](https://www.npmjs.org/package/react-tools) #### React Native General Resources * [React Native Official Site](https://facebook.github.io/react-native/) @@ -88,26 +87,28 @@ A collection of awesome React tools, resources, videos and shiny things. * [React Native npm module](https://www.npmjs.com/package/react-native) #### React Community +* IRC network in `#reactjs` channel on freenode * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) * [React Discussion Forum](https://discuss.reactjs.org/) * [React Twitter](https://twitter.com/reactjs) * [React #reactjs Twitter](https://twitter.com/search?q=%23reactjs) * [React SubReddit](http://www.reddit.com/r/reactjs/) -* IRC network in `#reactjs` channel on freenode * [React Loop](http://reactloop.org) * [React Podcast](http://reactpodcast.com/) #### React Native Community +* IRC network in `#reactnative` channel on freenode * [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) * [React Native #reactnative Twitter](https://twitter.com/search?q=%23reactnative) * [React Native SubReddit](https://www.reddit.com/r/reactnative) -* IRC network in `#reactnative` channel on freenode #### React Online Playground * [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) * [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) * [React 0.13 CodePen Integration with ES6 and JSX](http://codepen.io/bradleyboy/pen/OPBpGw) * [React 0.13 JSBin Integration with JSX](http://jsbin.com/basitofoqo/1/edit?html,js,output) +* [React JSX to JS Online Compiler](https://facebook.github.io/react/jsx-compiler.html) +* [React HTML to JSX Online Compiler](https://facebook.github.io/react/html-jsx.html) #### Tutorials @@ -655,7 +656,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [jest - Painless JavaScript Unit Testing](http://facebook.github.io/jest/) * [jasmine-react - Unit test your React.js applications with Jasmine](https://github.com/tommyh/jasmine-react) * [chai-react - Chai assertions for React](https://github.com/percyhanna/chai-react) -* [react-test-tree - Simple and concise React component testing](https://github.com/QubitProducts/react-test-tree) #### Documentation Tools * [react-docgen - Extract information from React component files for documentation generation](https://github.com/reactjs/react-docgen) From 185f74d7a4c10561479aa3fc017bded7502f5c98 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 12 Jun 2015 11:34:33 +0300 Subject: [PATCH 0040/1036] Remove Writing Components Section --- README.md | 33 ++++++++++++--------------------- 1 file changed, 12 insertions(+), 21 deletions(-) diff --git a/README.md b/README.md index b41114fd..7a01858a 100644 --- a/README.md +++ b/README.md @@ -11,9 +11,8 @@ A collection of awesome React tools, resources, videos and shiny things. - [Tutorials](#tutorials) - [React Tutorials](#react-tutorials) - [React Native Tutorials](#react-native-tutorials) - - [Writing React Components](#writing-react-components) - [Relay and GraphQL Tutorials](#relay-and-graphql-tutorials) - - [Writing Isomorphic Apps](#writing-isomorphic-apps) + - [Isomorphic Apps](#isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) - [Building Robust Web Apps with React](#building-robust-web-apps-with-react) @@ -84,7 +83,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### React Native General Resources * [React Native Official Site](https://facebook.github.io/react-native/) * [React Native GitHub](https://github.com/facebook/react-native) -* [React Native npm module](https://www.npmjs.com/package/react-native) +* [React Native NPM module](https://www.npmjs.com/package/react-native) #### React Community * IRC network in `#reactjs` channel on freenode @@ -115,23 +114,23 @@ A collection of awesome React tools, resources, videos and shiny things. ##### React Tutorials * [Medium React Tutorials](https://medium.com/react-tutorials) -* [React beginner tutorial: implementing the board game Go](http://cjlarose.com/2014/01/09/react-board-game-tutorial.html) -* [Trying Out ReactJS With the Marvel API](http://ryanlanciaux.github.io/blog/2014/05/26/trying-out-reactjs-with-the-marvel-api/) +* [React beginner tutorial: Implementing the board game Go](http://cjlarose.com/2014/01/09/react-board-game-tutorial.html)\ * [Yo in React](http://davidandsuzi.com/yo-in-react/) +* [React PhoneCat: Rewriting the AngularJS Tutorial App in React](http://jgebhardt.github.io/blog/react-phonecat/) +* [Building a board game with React.js](http://jjt.io/2014/07/30/building-a-board-game-with-react-js/) +* [Trying Out ReactJS With the Marvel API](http://ryanlanciaux.github.io/blog/2014/05/26/trying-out-reactjs-with-the-marvel-api/) * [Creating Chrome Extensions with React](http://brandontilley.com/2014/02/24/creating-chrome-extensions-with-react.html) +* [Working with jQuery UI Dialog and ReactJS components](http://sterling.ghost.io/working-with-jqueryui-and-reactjs-components/) * [Using ReactJS and KendoUI Together](http://ifandelse.com/using-reactjs-and-kendoui-together/) * [Building dynamic forms with Facebook React](http://www.dustingetz.com/2014/02/18/react-dynamic-forms.html) * [React Tutorial: Two way data binding](http://voidcanvas.com/react-tutorial-two-way-data-binding/) -* [React PhoneCat: Rewriting the AngularJS Tutorial App in React](http://jgebhardt.github.io/blog/react-phonecat/) * [Simplifying Code with React](http://www.kevindangoor.com/2014/05/simplifying-code-with-react/) * [A React.js case study follow-up](http://blog.krawaller.se/posts/a-react-js-case-study-follow-up/) * [Scroll Position with React](http://blog.vjeux.com/2013/javascript/scroll-position-with-react.html) * [Component Interop With React And Custom Elements](http://addyosmani.com/blog/component-interop-with-react-and-custom-elements/) * [Getting Started with React.js: Creating Material Design Components](http://www.syncano.com/getting-started-reactjs-tutorial/) -* [Building a board game with React.js](http://jjt.io/2014/07/30/building-a-board-game-with-react-js/) * [Using Firebase with ReactJS](https://www.firebase.com/blog/2014-05-01-using-firebase-with-react.html) * [5 Practical Examples For Learning The React Framework](http://tutorialzine.com/2014/07/5-practical-examples-for-learning-facebooks-react-framework/) -* [Working with jQuery UI Dialog and ReactJS components](http://sterling.ghost.io/working-with-jqueryui-and-reactjs-components/) * [ReactJS for Stupid People](http://blog.andrewray.me/reactjs-for-stupid-people/) * [WebRTC chat with React.js](http://blog.mgechev.com/2014/09/03/webrtc-peer-to-peer-chat-with-react/) * [Learn React by building the Hacker News front page](https://github.com/mking/react-hn) @@ -144,33 +143,25 @@ A collection of awesome React tools, resources, videos and shiny things. * [Mailbox in React](http://blog.tryolabs.com/2015/04/07/react-examples-mailbox/) * [React Mixins Explained By Example](http://simblestudios.com/blog/development/react-mixins-by-example.html) * [Best practices for building large React applications](http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications) - -##### React Native Tutorials -* [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) -* [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) - -##### Writing React Components * [A Sortable List Component in React utilizing the HTML5 Drag & Drop API](http://webcloud.se/sortable-list-component-react-js/) -* [A Truly Reactive Sortable Component](http://webcloud.se/truly-reactive-sortable-component/) -* [Dealing with asynchronous code in React components](https://caurea.org/2014/02/04/dealing-with-asynchronous-code-in-react-components.html) -* [Component-based Web Apps with React](http://www.sitepoint.com/component-based-web-apps-react/) -* [Reactive Table](http://www.phpied.com/reactive-table/) -* [ReActiveTable bookmarklet](http://www.phpied.com/reactivetable-bookmarklet/) * [Set State in Callbacks in React](http://jaketrent.com/post/set-state-in-callbacks-in-react/) * [Send Props to Children in React](http://jaketrent.com/post/send-props-to-children-react/) -* [Creating Modular View Components with React and Grunt](http://modernweb.com/2014/03/17/creating-modular-view-components-with-react-and-grunt/) * [React Components for Cat Videos](http://davidandsuzi.com/react-components-for-cat-videos/) * [ReactJS: Keep Simple. Everything can be a component!](https://speakerdeck.com/pedronauck/reactjs-keep-simple-everything-can-be-a-component) * [Complex Drag and Drop Lists using React.js](https://reactjsnews.com/complex-drag-and-drop-lists-using-react/) * [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) +##### React Native Tutorials +* [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) +* [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) + ##### Relay * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) * [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) * [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) * [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) -##### Writing Isomorphic Apps +##### Isomorphic Apps * [Isomorphic JavaScript: The Future of Web Apps](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/) * [From AngularJS to React: The Isomorphic Way](http://blog.risingstack.com/from-angularjs-to-react-the-isomorphic-way/) * [Creating Isomorphic apps with React and Node.js](http://www.htmlxprs.com/post/20/creating-isomorphic-apps-with-react-and-nodejs) From 67407c50587bf04a29c3691e7363cb29d33b9313 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 12 Jun 2015 16:25:25 +0300 Subject: [PATCH 0041/1036] Add react-test-tree --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7a01858a..15a26651 100644 --- a/README.md +++ b/README.md @@ -647,6 +647,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [jest - Painless JavaScript Unit Testing](http://facebook.github.io/jest/) * [jasmine-react - Unit test your React.js applications with Jasmine](https://github.com/tommyh/jasmine-react) * [chai-react - Chai assertions for React](https://github.com/percyhanna/chai-react) +* [react-test-tree - Simple and concise React component testing](https://github.com/QubitProducts/react-test-tree) #### Documentation Tools * [react-docgen - Extract information from React component files for documentation generation](https://github.com/reactjs/react-docgen) From c1a3479ab12a14216947f05832b5b5ac3ea564ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Juho=20Veps=C3=A4l=C3=A4inen?= Date: Tue, 16 Jun 2015 21:58:55 +0300 Subject: [PATCH 0042/1036] Add SurviveJS - Webpack and React --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 15a26651..4851c5f9 100644 --- a/README.md +++ b/README.md @@ -807,6 +807,8 @@ A collection of awesome React tools, resources, videos and shiny things. * [React in 7 Minutes](https://egghead.io/lessons/react-react-in-7-minutes) * [jFlux - Going from MVC to FLUX](https://www.youtube.com/watch?v=plUN2L4Ak14) +#### Books +* [SurviveJS - Webpack and React](http://survivejs.com/) --- ### Demos From e0002a3a202f50a320cca125dacf8d7d60f719a0 Mon Sep 17 00:00:00 2001 From: Dan Abramov Date: Sat, 20 Jun 2015 13:31:12 +0300 Subject: [PATCH 0043/1036] Add Redux, The Case for Flux and The Evolution of Flux Frameworks --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 15a26651..126687d0 100644 --- a/README.md +++ b/README.md @@ -200,6 +200,8 @@ A collection of awesome React tools, resources, videos and shiny things. * [Introduction to Facebook's Flux architecture](http://ryanclark.me/getting-started-with-flux/) * [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example) * [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) +* [The Case for Flux](https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6) +* [The Evolution of Flux Frameworks](http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31) ##### Building robust web apps with React * [Building robust web apps with React: Part 1](http://maketea.co.uk/2014/03/05/building-robust-web-apps-with-react-part-1.html) @@ -386,6 +388,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Dispatchr](https://github.com/yahoo/dispatchr) * [Fetchr](https://github.com/yahoo/fetchr) * [NuclearJS](https://github.com/optimizely/nuclear-js) +* [Redux](https://github.com/gaearon/redux) ##### Mobile * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) @@ -833,6 +836,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-isomorphic-video-game-search - An Isomorphic demo powered by React](http://react-isomorphic-video-game-search.warppi.pe/) * [Flux ImmutableJS TodoList](https://github.com/MandarinConLaBarba/flux-immutable-todomvc) * [Hapi+React+Flux user management system](https://github.com/jedireza/aqua) +* [Redux TodoMVC](https://github.com/gaearon/redux/tree/master/examples/todomvc) --- ### Examples From 7a3c6710ffb3934d128090ea71c3b30684ae441f Mon Sep 17 00:00:00 2001 From: Michel Weststrate Date: Mon, 22 Jun 2015 22:24:15 +0200 Subject: [PATCH 0044/1036] Added MOBservable library --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 15a26651..f972f4fb 100644 --- a/README.md +++ b/README.md @@ -665,6 +665,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### Data Managing * [Immutable.js - Immutable Data Collections for Javascript](https://github.com/facebook/immutable-js) +* [mobservable - Observable data structures for building reactive React apps](https://github.com/mweststrate/MOBservable) * [cortex - A javascript library for centrally managing data with React](https://github.com/mquan/cortex) * [avers - A modern client-side model abstraction library](https://github.com/wereHamster/avers) * [imvvm - Immutable Model-View-ViewModel for React](https://github.com/entrendipity/imvvm) From 45a3111f5dc4956ce5a420593f10a4c5bd543a34 Mon Sep 17 00:00:00 2001 From: Alexander Date: Tue, 23 Jun 2015 21:36:49 +0300 Subject: [PATCH 0045/1036] Add react-ui-builder Tool which can be used to create working prototype using any set of React components --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 15a26651..c8a71572 100644 --- a/README.md +++ b/README.md @@ -684,6 +684,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [js2-mode - JavaScript editing mode for GNU Emacs](https://github.com/mooz/js2-mode) * [web-mode.el - An autonomous emacs major-mode for editing web templates](http://web-mode.org/) * [JSXHint - Wrapper around JSHint for linting JSX files](https://github.com/STRML/JSXHint) +* [react-ui-builder - Tool which can be used to create working prototype using any set of React components](https://github.com/ipselon/react-ui-builder) #### Generating * [generator-react-webpack - Yeoman generator for ReactJS and Webpack](https://github.com/newtriks/generator-react-webpack) From b74f2c9c3e4af8096580c0215c02359ce2c89e0e Mon Sep 17 00:00:00 2001 From: gragland Date: Tue, 23 Jun 2015 18:44:28 -0700 Subject: [PATCH 0046/1036] Added instatype to autocomplete list --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 15a26651..9be402fb 100644 --- a/README.md +++ b/README.md @@ -642,6 +642,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-autocomplete by @eliseumds- Just tasting some ReactJS + RxJS](https://github.com/eliseumds/react-autocomplete) * [react-autocomplete by @prometheusresearch - Autocomplete widget based on React](https://github.com/prometheusresearch/react-autocomplete) * [react-select by @JedWatson - Like Selectize / Chosen / Select2 etc, work in progress](https://github.com/JedWatson/react-select) +* [instatype by @gragland - Simple react autocomplete component](https://github.com/gragland/instatype) #### Unit Testing * [jest - Painless JavaScript Unit Testing](http://facebook.github.io/jest/) From 73017ccc473270c17dd145c55f800b720feeb761 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 25 Jun 2015 23:21:35 +0300 Subject: [PATCH 0047/1036] Add Coding with React like a Game Developer --- README.md | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 15a26651..68ed1f9e 100644 --- a/README.md +++ b/README.md @@ -78,7 +78,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [React GitHub](https://github.com/facebook/react) * [React Wiki](https://github.com/facebook/react/wiki) * [React NPM Module](https://www.npmjs.org/package/react) -* [React Tools NPM Module](https://www.npmjs.org/package/react-tools) #### React Native General Resources * [React Native Official Site](https://facebook.github.io/react-native/) @@ -150,6 +149,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [ReactJS: Keep Simple. Everything can be a component!](https://speakerdeck.com/pedronauck/reactjs-keep-simple-everything-can-be-a-component) * [Complex Drag and Drop Lists using React.js](https://reactjsnews.com/complex-drag-and-drop-lists-using-react/) * [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) +* [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) ##### React Native Tutorials * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) @@ -740,24 +740,24 @@ A collection of awesome React tools, resources, videos and shiny things. #### Video from Confs * [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY) * [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk) -* [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](http://www.youtube.com/watch?v=GW0rj4sNH2w) +* [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w) * [Pete Hunt: High performance functional programming with React and Meteor -- Devshop 11](https://www.youtube.com/watch?v=qqVbr_LaCIo) * [Stoyan Stefanov: Introduction to React - LAWebSpeed meetup](https://www.youtube.com/watch?v=SMMRJif5QW0) * [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ) * [Pete Hunt: The Secrets of React's Virtual DOM - FutureJS 2014](https://www.youtube.com/watch?v=-DX3vJiqxm4) * [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw) -* [Christopher Chedeau: Why does React Scale? - JSConf2014](http://www.youtube.com/watch?v=D-ioDiacTm8) -* [Christopher Chedeau: React's Architecture - OSCON 2014](http://www.youtube.com/watch?v=eCf5CquV_Bw) +* [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8) +* [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw) * [Christian Johansen: Functional UI Programming - flatMap 2014](http://vimeo.com/96639841) -* [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](http://www.youtube.com/watch?v=IVvHPPcl2TM) -* [Stefano Masini: Refactoring to React - Amsterdam Javascript MVC meetup 10 sep 2014](http://www.youtube.com/watch?v=MivXyEtwK24) -* [Pete Hunt: How Instagram.com Works - OSCON 2014](http://www.youtube.com/watch?v=VkTCL6Nqm6Y) -* [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](http://www.youtube.com/watch?v=i__969noyAM) +* [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM) +* [Stefano Masini: Refactoring to React - Amsterdam Javascript MVC meetup 10 sep 2014](https://www.youtube.com/watch?v=MivXyEtwK24) +* [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y) +* [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM) * [Vagmi Mudumbai: Building single page apps with React.JS - JSFoo 2014](https://www.youtube.com/watch?v=-v9MehRHsNE) * [Ben Anderson: Reactive, Component-based UIs with React - E4E Developer Conf 2014](https://www.youtube.com/watch?v=uwnjDXtJufs) * [Adam Solove: ReactJS - Web Platform DC 2014](http://vimeo.com/92687646) -* [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](http://www.youtube.com/watch?v=4anAwXYqLG8) -* [Pete Hunt, Aaron Murray, and Contra Schof: Facebook React at the Famo.us Meetup 8/13/14](http://www.youtube.com/watch?v=1tWCnNgNZm4) +* [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8) +* [Pete Hunt, Aaron Murray, and Contra Schof: Facebook React at the Famo.us Meetup 8/13/14](https://www.youtube.com/watch?v=1tWCnNgNZm4) * [Steven Luscher: Decomplexifying Code with React - Powered by JavaScript conf 2014](https://www.youtube.com/watch?v=rI0GQc__0SM) * [James Pearce: An Introduction to ReactJS - All Things Open 2014](https://www.youtube.com/watch?v=m2fuO2wl_3c) * [Jonathan Beebe: Real World React - Nodevember 2014](https://www.youtube.com/watch?v=uZgAq1CZ1N8) From a220735cf13c4c824bc603e43fc66341a91af54d Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 25 Jun 2015 23:23:27 +0300 Subject: [PATCH 0048/1036] Add Interoperable CSS --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 68ed1f9e..b72f97b5 100644 --- a/README.md +++ b/README.md @@ -223,6 +223,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Radium](https://github.com/FormidableLabs/radium) * [React Style](https://github.com/js-next/react-style) * [React Inline](https://github.com/martinandert/react-inline) +* [Interoperable CSS](http://glenmaddern.com/articles/interoperable-css) ##### React Charts Tutorials * [Integrating D3.js visualizations in a React app](http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/) From f00b59d1132873d274c5cc5b8b4f1b0ab085e49c Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 25 Jun 2015 23:27:35 +0300 Subject: [PATCH 0049/1036] Unit testing React components without a DOM --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index b72f97b5..b383a3b6 100644 --- a/README.md +++ b/README.md @@ -306,6 +306,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Testing React components with Huxley](https://caurea.org/2014/02/23/testing-react-components-with-huxley.html) * [Testing React.js](http://engineering.venmo.com/blog/2014/05/15/testing-react/) * [Unit Testing React.js With Jasmine and Karma](http://myshareoftech.com/2013/12/unit-testing-react-dot-js-with-jasmine-and-karma.html) +* [Unit testing React components without a DOM](http://simonsmith.io/unit-testing-react-components-without-a-dom/) ##### Debugging React * [Trace Logging with React](http://www.garysieling.com/blog/trace-logging-react) From d6e5cfda75a00e4e3d3b918330c82bca13b77145 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 25 Jun 2015 23:31:20 +0300 Subject: [PATCH 0050/1036] React Native Meets Async Functions --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index b383a3b6..62296edf 100644 --- a/README.md +++ b/README.md @@ -154,6 +154,7 @@ A collection of awesome React tools, resources, videos and shiny things. ##### React Native Tutorials * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) * [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) +* [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173) ##### Relay * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) From 41ce01027e965494060926b56094384684908b8e Mon Sep 17 00:00:00 2001 From: Michel Weststrate Date: Thu, 25 Jun 2015 23:16:04 +0200 Subject: [PATCH 0051/1036] moved mobservable to the end of the list --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f972f4fb..82884907 100644 --- a/README.md +++ b/README.md @@ -665,7 +665,6 @@ A collection of awesome React tools, resources, videos and shiny things. #### Data Managing * [Immutable.js - Immutable Data Collections for Javascript](https://github.com/facebook/immutable-js) -* [mobservable - Observable data structures for building reactive React apps](https://github.com/mweststrate/MOBservable) * [cortex - A javascript library for centrally managing data with React](https://github.com/mquan/cortex) * [avers - A modern client-side model abstraction library](https://github.com/wereHamster/avers) * [imvvm - Immutable Model-View-ViewModel for React](https://github.com/entrendipity/imvvm) @@ -673,6 +672,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [valuable - An immutable data store for React](https://github.com/josephsavona/valuable) * [react-resolver - Isomorphic library to recursively lazy-load data for React components](https://github.com/ericclemmons/react-resolver) * [freezer-js - Lightweight and reactive immutable data structure for React](https://github.com/arqex/freezer) +* [mobservable - Observable data structures for building reactive React apps](https://github.com/mweststrate/MOBservable) #### Development Environment * [react-devtools - React Chrome Developer Tools](https://github.com/facebook/react-devtools) From 193517fbc912d6119c24dc34485de921866a7217 Mon Sep 17 00:00:00 2001 From: 1000ch Date: Sat, 27 Jun 2015 13:57:54 +0900 Subject: [PATCH 0052/1036] update --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c7ff290b..d468657e 100644 --- a/README.md +++ b/README.md @@ -657,6 +657,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### Documentation Tools * [react-docgen - Extract information from React component files for documentation generation](https://github.com/reactjs/react-docgen) +* [react-styleguide-generator - Easily generate a good-looking styleguide](https://github.com/pocotan001/react-styleguide-generator) #### Graphics * [react-art - React Bridge to the ART Drawing Library](https://github.com/facebook/react-art) From af40ca3c65544f493495e4ab87224c36729c1fcf Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Sun, 28 Jun 2015 19:34:00 +0300 Subject: [PATCH 0053/1036] Update TOC --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index bb42bb02..d87287db 100644 --- a/README.md +++ b/README.md @@ -66,6 +66,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Video from Confs](#video-from-confs) - [Video from React.js Conf 2015](#video-from-reactjs-conf-2015) - [Video Tutorials](#video-tutorials) +- [Books](#books) - [Demos](#demos) - [Examples](#examples) - [Contribution](#contribution) From 39ba0e1b68d2154c9b57851fd9db6a8f8ac1d44f Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 29 Jun 2015 00:21:35 +0300 Subject: [PATCH 0054/1036] WTFlux --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d87287db..cf625fc9 100644 --- a/README.md +++ b/README.md @@ -393,6 +393,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Fetchr](https://github.com/yahoo/fetchr) * [NuclearJS](https://github.com/optimizely/nuclear-js) * [Redux](https://github.com/gaearon/redux) +* [WTFlux](https://github.com/staltz/wtf) ##### Mobile * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) From 9f21c9b73f3c2db7b6980190351c146929f70e2c Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 29 Jun 2015 00:27:08 +0300 Subject: [PATCH 0055/1036] Add react-i13n --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index cf625fc9..2c648f24 100644 --- a/README.md +++ b/README.md @@ -560,6 +560,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [StateTrooper - Centrally manage state for React applications with CSP](https://github.com/swipely/state-trooper) * [riotjs - A React- like, 3.5KB user interface library](https://github.com/muut/riotjs) * [Maple.js - Bringing the concept of web-components to React](https://github.com/Wildhoney/Maple.js) +* [react-i13n - A performant, scalable and pluggable approach to instrumenting your React application](https://github.com/yahoo/react-i13n) #### Integration * [ReactJS.NET](http://reactjs.net/) From 4cfc671c60bff74703767129171461cd9923d2ad Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 29 Jun 2015 00:28:29 +0300 Subject: [PATCH 0056/1036] Navigating the React Ecosystem --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2c648f24..f8c0e6c0 100644 --- a/README.md +++ b/README.md @@ -151,6 +151,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Complex Drag and Drop Lists using React.js](https://reactjsnews.com/complex-drag-and-drop-lists-using-react/) * [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) * [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) +* [http://www.toptal.com/react/navigating-the-react-ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) ##### React Native Tutorials * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) From 2537f6269c43cfb5688462c6bb10c97dfc224e2a Mon Sep 17 00:00:00 2001 From: Marvin Reimer Date: Mon, 29 Jun 2015 23:23:45 +0200 Subject: [PATCH 0057/1036] add absolute-grid --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f8c0e6c0..34846152 100644 --- a/README.md +++ b/README.md @@ -434,6 +434,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-touch - React photo viewer for mobile](https://github.com/petehunt/react-touch) * [griddle - A simple grid component for use with React](http://dynamictyped.github.io/Griddle/) * [react-grid - Data grid for React](https://github.com/prometheusresearch/react-grid) +* [react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React](https://github.com/jrowny/react-absolute-grid) * [react-async - Async rendering for React components](https://github.com/andreypopp/react-async) * [react-async-input - Inputs that behave properly with async set{State,Props} calls](https://github.com/grncdr/react-async-input) * [react-mediaswitch - Choose your DOM based on media queries](https://github.com/matthewwithanm/react-mediaswitch) From 96897dad8861ee2692b58da8f656da837f4c7092 Mon Sep 17 00:00:00 2001 From: Marvin Reimer Date: Mon, 29 Jun 2015 23:41:05 +0200 Subject: [PATCH 0058/1036] add react.js koans --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index f8c0e6c0..059764cc 100644 --- a/README.md +++ b/README.md @@ -114,7 +114,8 @@ A collection of awesome React tools, resources, videos and shiny things. ##### React Tutorials * [Medium React Tutorials](https://medium.com/react-tutorials) -* [React beginner tutorial: Implementing the board game Go](http://cjlarose.com/2014/01/09/react-board-game-tutorial.html)\ +* [React beginner tutorial: Implementing the board game Go](http://cjlarose.com/2014/01/09/react-board-game-tutorial.html) +* [React.js Koans: Practical exercises that will help you learn React.js from square one](https://github.com/arkency/reactjs_koans) * [Yo in React](http://davidandsuzi.com/yo-in-react/) * [React PhoneCat: Rewriting the AngularJS Tutorial App in React](http://jgebhardt.github.io/blog/react-phonecat/) * [Building a board game with React.js](http://jjt.io/2014/07/30/building-a-board-game-with-react-js/) From 651a99f235fc492a0f0415266abd28277b9b117e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Aubin?= Date: Tue, 30 Jun 2015 16:32:37 +0200 Subject: [PATCH 0059/1036] Fixing `Relay and GraphQL Tutorials` link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ef0a49e4..42080a98 100644 --- a/README.md +++ b/README.md @@ -159,7 +159,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) * [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173) -##### Relay +##### Relay and GraphQL Tutorials * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) * [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) * [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) From 614ba06303c48538da9a3b222eb7e072b989e5bb Mon Sep 17 00:00:00 2001 From: Konstantin Tarkus Date: Wed, 1 Jul 2015 02:07:05 +0300 Subject: [PATCH 0060/1036] Add Babel Starter Kit ...a project template for authoring and publishing React.js libraries based on ES6+, Babel, ESLint, Browserify, Mocha, Chai --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index ef0a49e4..45189941 100644 --- a/README.md +++ b/README.md @@ -410,7 +410,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [graphql-ruby - Ruby implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) #### Boilerplates -* [ReactJS / Flux Starter Kit - a skeleton for an isomorphic web application](https://github.com/kriasoft/react-starter-kit) +* [React Starter Kit - a skeleton of an "isomorphic" web application](https://github.com/kriasoft/react-starter-kit) * [essential-react - A minimal skeleton for building testable React apps using ES6](https://github.com/pheuter/essential-react) * [este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps](https://github.com/steida/este) * [react-starter - Starter template for React with webpack](https://github.com/webpack/react-starter) @@ -421,6 +421,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [React on Rails Starter Kit](https://github.com/elierotenberg/react-rails-starterkit) * [Coffee React Quickstart](https://github.com/KyleAMathews/coffee-react-quickstart) * [React + Webpack + Flux (Alt) + Isomorphic + Express + MongoDB boilerplate](https://github.com/choonkending/react-webpack-node) +* [Babel Starter Kit - a boilerplate for authoring React.js libraries with ES6+, Babel](https://github.com/kriasoft/babel-starter-kit) #### Components * [React Components](http://react-components.com/) From f98f61f087682ddcc29bf80dfd259d2b8e58c9be Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 1 Jul 2015 03:01:03 +0300 Subject: [PATCH 0061/1036] Add React Native Gestures Section --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index ef0a49e4..06fdfede 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Tutorials](#tutorials) - [React Tutorials](#react-tutorials) - [React Native Tutorials](#react-native-tutorials) + - [React Native Gestures](#react-native-gestures) - [Relay and GraphQL Tutorials](#relay-and-graphql-tutorials) - [Isomorphic Apps](#isomorphic-apps) - [JSX](#jsx) @@ -158,6 +159,10 @@ A collection of awesome React tools, resources, videos and shiny things. * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) * [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) * [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173) +* [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/) + +##### React Native Gestures +* [Gesture detection in React Native – fixing unexpected panning](http://blog.lum.pe/gesture-detection-in-react-native-fixing-unexpected-panning/) ##### Relay * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) From 60cadf9b87dc58d1c432d21b0e88abb02ef75662 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 2 Jul 2015 23:15:53 +0300 Subject: [PATCH 0062/1036] Add GraphQL links --- README.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 09a07d1b..aa306dab 100644 --- a/README.md +++ b/README.md @@ -171,8 +171,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) ##### Isomorphic Apps -* [Isomorphic JavaScript: The Future of Web Apps](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/) -* [From AngularJS to React: The Isomorphic Way](http://blog.risingstack.com/from-angularjs-to-react-the-isomorphic-way/) +* [isomorphic-tutorial - Tutorial app to demonstrate isomorphic JavaScript concepts](https://github.com/spikebrehm/isomorphic-tutorial) * [Creating Isomorphic apps with React and Node.js](http://www.htmlxprs.com/post/20/creating-isomorphic-apps-with-react-and-nodejs) * [isomorphic500 - Isomorphic JS app built with React and Fluxible](https://github.com/gpbl/isomorphic500) @@ -407,6 +406,8 @@ A collection of awesome React tools, resources, videos and shiny things. * [Reapp - A UI-kit with widgets and CLI to build mobile web apps](http://reapp.io) ##### Relay and GraphQL +* [graphql-js - A reference implementation of GraphQL for JavaScrip](https://github.com/graphql/graphql-js) +* [GraphQL Specification](https://github.com/facebook/graphql) * [GraphpostgresQL - GraphQL for Postgres](https://github.com/solidsnack/GraphpostgresQL) * [react-transmit - Relay-inspired library based on Promises](https://github.com/RickWong/react-transmit) * [graphqljs - GraphQL parser written in JavaScript](https://github.com/cobbweb/graphqljs) @@ -416,6 +417,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### Boilerplates * [React Starter Kit - a skeleton of an "isomorphic" web application](https://github.com/kriasoft/react-starter-kit) +* [react-isomorphic-starterkit - somorphic starterkit with server-side React rendering](https://github.com/RickWong/react-isomorphic-starterkit) * [essential-react - A minimal skeleton for building testable React apps using ES6](https://github.com/pheuter/essential-react) * [este - Robust and comfortable dev stack for mobile/offline/frontend first isomorphic web apps](https://github.com/steida/este) * [react-starter - Starter template for React with webpack](https://github.com/webpack/react-starter) From 5399fce42f4f2ef61326de4dd5f4667da800e783 Mon Sep 17 00:00:00 2001 From: case Date: Fri, 3 Jul 2015 07:25:15 -0700 Subject: [PATCH 0063/1036] Add ReactCSS Link --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index aa306dab..a1f4f523 100644 --- a/README.md +++ b/README.md @@ -234,6 +234,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [React Style](https://github.com/js-next/react-style) * [React Inline](https://github.com/martinandert/react-inline) * [Interoperable CSS](http://glenmaddern.com/articles/interoperable-css) +* [ReactCSS](https://github.com/casesandberg/reactcss) ##### React Charts Tutorials * [Integrating D3.js visualizations in a React app](http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/) From 1c6f96d9f3901fd677f5960e1d65ba9e9429fc2e Mon Sep 17 00:00:00 2001 From: Duncan Beaton Date: Sat, 4 Jul 2015 14:04:56 +0100 Subject: [PATCH 0064/1036] add open source apps --- README.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/README.md b/README.md index aa306dab..02734a03 100644 --- a/README.md +++ b/README.md @@ -70,6 +70,7 @@ A collection of awesome React tools, resources, videos and shiny things. - [Books](#books) - [Demos](#demos) - [Examples](#examples) +- [Apps](#apps) - [Contribution](#contribution) --- @@ -872,6 +873,12 @@ A collection of awesome React tools, resources, videos and shiny things. * [POST/GET with HTTP server](https://github.com/enaqx/awesome-react/tree/master/examples/006_with_http_server) * [Refs to send messages between components](https://github.com/enaqx/awesome-react/tree/master/examples/007_refs) +--- +### Apps +* [reddit/reddit-mobile](https://github.com/reddit/reddit-mobile) +* [khan/perseus](https://github.com/khan/perseus) +* [airbnb/airpal](https://github.com/airbnb/airpal/tree/master/src/main/resources/assets) + --- ### Contribution Your contributions and suggestions are heartily♡ welcome. (✿◠‿◠) From 12f7ae2068e50d60cfc2cb4a00da06848c431339 Mon Sep 17 00:00:00 2001 From: Duncan Beaton Date: Tue, 7 Jul 2015 13:01:35 +0100 Subject: [PATCH 0065/1036] add mozilla's payments-ui app --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 02734a03..74726302 100644 --- a/README.md +++ b/README.md @@ -878,6 +878,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [reddit/reddit-mobile](https://github.com/reddit/reddit-mobile) * [khan/perseus](https://github.com/khan/perseus) * [airbnb/airpal](https://github.com/airbnb/airpal/tree/master/src/main/resources/assets) +* [mozilla/payments-ui](https://github.com/mozilla/payments-ui) --- ### Contribution From 1e7482e00f2c9f526f097d4909ea69ad0eff0d44 Mon Sep 17 00:00:00 2001 From: Philipp Date: Tue, 7 Jul 2015 09:24:42 -0400 Subject: [PATCH 0066/1036] Fix Scotch.io tutorials links --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 02734a03..c5f2f4d7 100644 --- a/README.md +++ b/README.md @@ -224,10 +224,10 @@ A collection of awesome React tools, resources, videos and shiny things. * [Part 3 - Architecting React.js Apps with Flux](http://tylermcginnis.com/reactjs-tutorial-pt-3-architecting-react-js-apps-with-flux/) ##### Scotch.io React tutorials series -* [Learning React.js: Getting Started and Concepts](http://scotch.io/tutorials/javascript/learning-react-getting-started-and-concepts) -* [Build A Real-Time Twitter Stream with Node and React.js](http://scotch.io/tutorials/javascript/build-a-real-time-twitter-stream-with-node-and-react-js) -* [Getting To Know Flux, the React.js Architecture](http://scotch.io/tutorials/javascript/getting-to-know-flux-the-react-js-architecture) -* [Creating A Simple Shopping Cart with React.js and Flux](http://scotch.io/tutorials/javascript/creating-a-simple-shopping-cart-with-react-js-and-flux) +* [Learning React.js: Getting Started and Concepts](https://scotch.io/tutorials/learning-react-getting-started-and-concepts) +* [Build A Real-Time Twitter Stream with Node and React.js](https://scotch.io/tutorials/build-a-real-time-twitter-stream-with-node-and-react-js) +* [Getting To Know Flux, the React.js Architecture](https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture) +* [Creating A Simple Shopping Cart with React.js and Flux](https://scotch.io/tutorials/creating-a-simple-shopping-cart-with-react-js-and-flux) ##### React styling * [React: CSS in JS](https://speakerdeck.com/vjeux/react-css-in-js) From 6a89d21b0aeff17d19b585b76a14566638cffbad Mon Sep 17 00:00:00 2001 From: Philipp Date: Wed, 8 Jul 2015 15:27:59 -0400 Subject: [PATCH 0067/1036] Add react-webpack-cookbook --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 02734a03..87a7ff12 100644 --- a/README.md +++ b/README.md @@ -834,6 +834,7 @@ A collection of awesome React tools, resources, videos and shiny things. #### Books * [SurviveJS - Webpack and React](http://survivejs.com/) +* [react-webpack-cookbook - A cookbook for using Webpack with React JS](http://christianalfoni.github.io/react-webpack-cookbook) --- ### Demos From fe506a847506289baab159a71e6a986bedbdbb95 Mon Sep 17 00:00:00 2001 From: Jonathan Huang Date: Thu, 9 Jul 2015 07:42:01 -0700 Subject: [PATCH 0068/1036] add react.js tutorial for beginners I added a tutorial ["React.js Introduction For People Who Know Just Enough jQuery To Get By."](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) It leads you through step-by-step how to create a "Tweet Box" and is aimed at beginners who understand the basics of jQuery. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 02734a03..45d65d1d 100644 --- a/README.md +++ b/README.md @@ -155,6 +155,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) * [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) * [http://www.toptal.com/react/navigating-the-react-ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) +* [React.js Introduction For People Who Know Just Enough jQuery To Get By] (http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) ##### React Native Tutorials * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) From dae281a432cf44f368d4743a871f417bfe3afe2d Mon Sep 17 00:00:00 2001 From: Marcin Grzywaczewski Date: Thu, 9 Jul 2015 22:17:30 +0200 Subject: [PATCH 0069/1036] Added 'React with Flux by example - a simple Todo List dissected' --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 02734a03..5cbc905f 100644 --- a/README.md +++ b/README.md @@ -211,6 +211,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) * [The Case for Flux](https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6) * [The Evolution of Flux Frameworks](http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31) +* [React with Flux by example - a simple Todo List dissected](http://reactkungfu.com/2015/07/react-with-flux-by-example-simple-todo-list-dissected/) ##### Building robust web apps with React * [Building robust web apps with React: Part 1](http://maketea.co.uk/2014/03/05/building-robust-web-apps-with-react-part-1.html) From b75da5e597a4cbf5c8aa59194c7cf1b71aa8f921 Mon Sep 17 00:00:00 2001 From: Golczi Date: Sun, 12 Jul 2015 11:23:26 +0200 Subject: [PATCH 0070/1036] Adding authentication to your React Flux app --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4ff8c2ff..7904d780 100644 --- a/README.md +++ b/README.md @@ -325,7 +325,7 @@ A collection of awesome React tools, resources, videos and shiny things. ##### Authentication and Authorization * [Role-based authorization](http://blog.littleblimp.com/post/109540707808/role-based-authorization-with-react-js) - +* [Adding authentication to your React Flux app] (https://auth0.com/blog/2015/04/09/adding-authentication-to-your-react-flux-app/) ##### File Uploads * [Direct uploads to S3 with React, Rails, and Paperclip](http://blog.littleblimp.com/post/119230396893/direct-uploads-to-s3-with-react-rails-and) From 50ad0c33ac1366cf93a54f5a79b32bf9e170c189 Mon Sep 17 00:00:00 2001 From: xudafeng Date: Mon, 6 Jul 2015 22:20:47 +0800 Subject: [PATCH 0071/1036] Add a layout component --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index aa306dab..a04b3fd5 100644 --- a/README.md +++ b/README.md @@ -559,6 +559,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-hotkeys - Declarative hotkey and focus area management for React](https://github.com/Chrisui/react-hotkeys) * [react-datagrid - A carefully crafted DataGrid for React](https://github.com/zippyui/react-datagrid) * [react-panels - A multipurpose tabbed panel with many features](https://github.com/Theadd/react-panels) +* [autoresponsive-react - A Magical Layout Libary For React](http://xudafeng.github.io/autoresponsive-react) #### Libraries * [tuxx - A feature complete framework built on the React view layer](http://www.tuxedojs.org) From 6490bbe12ccd8214116f8aafcaf1926bd8bb7011 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 14 Jul 2015 05:23:27 +0300 Subject: [PATCH 0072/1036] Add Public Domain License --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index d25bea01..5d13eba8 100644 --- a/README.md +++ b/README.md @@ -884,3 +884,7 @@ A collection of awesome React tools, resources, videos and shiny things. --- ### Contribution Your contributions and suggestions are heartily♡ welcome. (✿◠‿◠) + +--- +### License +[![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/) From 20817ad84714bf4560c1064d07b47f753ef205a0 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 14 Jul 2015 06:15:41 +0300 Subject: [PATCH 0073/1036] Remove dead links --- README.md | 9 ++------- scripts/package.json | 1 + 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index c5454cd7..559d4808 100644 --- a/README.md +++ b/README.md @@ -246,7 +246,6 @@ A collection of awesome React tools, resources, videos and shiny things. ##### React and Backbone * [Using React components as Backbone Views](http://www.thomasboyt.com/2013/12/17/using-reactjs-as-a-backbone-view.html) * [Chicago Backbone Meetup: React + Backbone slides](https://speakerdeck.com/larsonjj/chicago-backbone-meetup-react-plus-backbone) -* [Pimp my Backbone.View](https://blog.mayflower.de/3937-Backbone-React.html) ##### React and Angular * [NgReact - React Components in Angular](http://davidandsuzi.com/ngreact-react-components-in-angular/) @@ -318,7 +317,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [Testing Flux Applications](http://facebook.github.io/react/blog/2014/09/24/testing-flux-applications.html) * [Testing React Components](http://www.asbjornenge.com/wwc/testing_react_components.html) * [Testing React components with Huxley](https://caurea.org/2014/02/23/testing-react-components-with-huxley.html) -* [Testing React.js](http://engineering.venmo.com/blog/2014/05/15/testing-react/) * [Unit Testing React.js With Jasmine and Karma](http://myshareoftech.com/2013/12/unit-testing-react-dot-js-with-jasmine-and-karma.html) * [Unit testing React components without a DOM](http://simonsmith.io/unit-testing-react-components-without-a-dom/) @@ -351,7 +349,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [Removing User Interface Complexity, or Why React is Awesome](http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome) * [Facebook React vs. Ember](http://instructure.github.io/blog/2013/12/17/facebook-react-vs-ember/) * [Moving From Backbone To React](https://usepropeller.com/blog/posts/from-backbone-to-react/) -* [Pimp my Backbone.View (by replacing it with React)](http://blog.mayflower.de/3937-Backbone-React.html) * [From Backbone Views To React](http://leoasis.github.io/posts/2014/03/22/from_backbone_views_to_react/) * [React.js vs traditional MVC](http://www.code-experience.com/react-js-vs-traditional-mvc-backbone-ember-angular/) * [Why you might not need MVC with React.js](http://www.code-experience.com/why-you-might-not-need-mvc-with-reactjs/) @@ -829,12 +826,10 @@ A collection of awesome React tools, resources, videos and shiny things. * [ReactJS: Dealing with the Server](https://www.youtube.com/watch?v=lJUUjdsv0aw) * [Building UIs with ReactJS](http://www.youtube.com/watch?v=lAn7GVoGlKU) * [React.js Internals](https://www.youtube.com/watch?v=FAgSdSikSCc) -* [Introduction to React JS](http://videos.bigbinary.com/react/introduction-to-react.html) -* [React Lifecycle Methods, and creating a Clock-Tick using it](http://videos.bigbinary.com/react/clock-tick-using-react-life-cycle-method.html) -* [React Life cycle methods - In Depth](http://videos.bigbinary.com/react/react-life-cycle-methods-in-depth.html) -* [Using multiple components in React JS](http://videos.bigbinary.com/react/using-multiple-components-in-react.html) * [React in 7 Minutes](https://egghead.io/lessons/react-react-in-7-minutes) * [jFlux - Going from MVC to FLUX](https://www.youtube.com/watch?v=plUN2L4Ak14) +* [Learn React in steps - BigBinary](http://bigbinary.com/videos/learn-reactjs-in-steps) +* [Keep up with React - BigBinary](http://bigbinary.com/videos/keep-up-with-reactjs) #### Books * [SurviveJS - Webpack and React](http://survivejs.com/) diff --git a/scripts/package.json b/scripts/package.json index 86932fd0..177a8abf 100644 --- a/scripts/package.json +++ b/scripts/package.json @@ -5,6 +5,7 @@ "dependencies": { "bluebird": "^2.9.14", "lodash": "^3.5.0", + "markdown": "^0.5.0", "request": "^2.53.0" } } From 89f4261e10970202f52a6f3e7504cab66477185e Mon Sep 17 00:00:00 2001 From: Marcin Grzywaczewski Date: Wed, 15 Jul 2015 17:35:25 +0200 Subject: [PATCH 0074/1036] Added "Approaches to testing React components - an overview" --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 559d4808..1cc36ff5 100644 --- a/README.md +++ b/README.md @@ -319,6 +319,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Testing React components with Huxley](https://caurea.org/2014/02/23/testing-react-components-with-huxley.html) * [Unit Testing React.js With Jasmine and Karma](http://myshareoftech.com/2013/12/unit-testing-react-dot-js-with-jasmine-and-karma.html) * [Unit testing React components without a DOM](http://simonsmith.io/unit-testing-react-components-without-a-dom/) +* [Approaches to testing React components - an overview](http://reactkungfu.com/2015/07/approaches-to-testing-react-components-an-overview/) ##### Debugging React * [Trace Logging with React](http://www.garysieling.com/blog/trace-logging-react) From e2cb38f1a94bb5c2c7682fb8a809f15a44524a24 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 15 Jul 2015 22:47:14 +0300 Subject: [PATCH 0075/1036] Rearrange GraphQL/Relay links to separate section --- README.md | 44 +++++++++++++++++++++++++++----------------- 1 file changed, 27 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 1cc36ff5..40aeecf1 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,6 @@ A collection of awesome React tools, resources, videos and shiny things. - [React Tutorials](#react-tutorials) - [React Native Tutorials](#react-native-tutorials) - [React Native Gestures](#react-native-gestures) - - [Relay and GraphQL Tutorials](#relay-and-graphql-tutorials) - [Isomorphic Apps](#isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) @@ -41,7 +40,6 @@ A collection of awesome React tools, resources, videos and shiny things. - [Flux Implementations](#flux-implementations) - [React Native](#react-native) - [Mobile](#mobile) - - [Relay and GraphQL](#relay-and-graphql) - [Boilerplates](#boilerplates) - [Components](#components) - [Libraries](#libraries) @@ -63,6 +61,10 @@ A collection of awesome React tools, resources, videos and shiny things. - [Maps](#maps) - [Charts](#charts) - [Service Workers](#service-workers) +- [GraphQL and Relay](#graphql-and-relay) + - [GraphQL Spec](#graphql-spec) + - [GraphQL Tutorials](#graphql-tutorials) + - [GraphQL Implementations](#graphql-implementation) - [Videos](#videos) - [Video from Confs](#video-from-confs) - [Video from React.js Conf 2015](#video-from-reactjs-conf-2015) @@ -166,12 +168,6 @@ A collection of awesome React tools, resources, videos and shiny things. ##### React Native Gestures * [Gesture detection in React Native – fixing unexpected panning](http://blog.lum.pe/gesture-detection-in-react-native-fixing-unexpected-panning/) -##### Relay and GraphQL Tutorials -* [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) -* [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) -* [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) -* [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) - ##### Isomorphic Apps * [isomorphic-tutorial - Tutorial app to demonstrate isomorphic JavaScript concepts](https://github.com/spikebrehm/isomorphic-tutorial) * [Creating Isomorphic apps with React and Node.js](http://www.htmlxprs.com/post/20/creating-isomorphic-apps-with-react-and-nodejs) @@ -407,15 +403,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) * [Reapp - A UI-kit with widgets and CLI to build mobile web apps](http://reapp.io) -##### Relay and GraphQL -* [graphql-js - A reference implementation of GraphQL for JavaScrip](https://github.com/graphql/graphql-js) -* [GraphQL Specification](https://github.com/facebook/graphql) -* [GraphpostgresQL - GraphQL for Postgres](https://github.com/solidsnack/GraphpostgresQL) -* [react-transmit - Relay-inspired library based on Promises](https://github.com/RickWong/react-transmit) -* [graphqljs - GraphQL parser written in JavaScript](https://github.com/cobbweb/graphqljs) -* [graphqlite - An experimental implementation of Facebook's GraphQL](https://github.com/madjam002/graphqlite) -* [GraphNoQL - Facebook's GraphQL backend implemented with Node+Mongo](https://github.com/lutherism/GraphNoQL) -* [graphql-ruby - Ruby implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) #### Boilerplates * [React Starter Kit - a skeleton of an "isomorphic" web application](https://github.com/kriasoft/react-starter-kit) @@ -761,6 +748,29 @@ A collection of awesome React tools, resources, videos and shiny things. #### Service Workers * [react-worker - Using Service Workers to render React components](https://github.com/MicheleBertoli/react-worker) +--- +### GraphQL and Relay + +#### GraphQL Spec +* [GraphQL Specification](http://facebook.github.io/graphql/) +* [GraphQL Specification GitHub](https://github.com/facebook/graphql) + +#### GraphQL Tutorials +* [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) +* [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) +* [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) +* [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) + +##### GraphQL Implementations +* [graphql-js - A reference implementation of GraphQL for JavaScript](https://github.com/graphql/graphql-js) +* [GraphQL Specification](https://github.com/facebook/graphql) +* [GraphpostgresQL - GraphQL for Postgres](https://github.com/solidsnack/GraphpostgresQL) +* [react-transmit - Relay-inspired library based on Promises](https://github.com/RickWong/react-transmit) +* [graphqljs - GraphQL parser written in JavaScript](https://github.com/cobbweb/graphqljs) +* [graphqlite - An experimental implementation of Facebook's GraphQL](https://github.com/madjam002/graphqlite) +* [GraphNoQL - Facebook's GraphQL backend implemented with Node+Mongo](https://github.com/lutherism/GraphNoQL) +* [graphql-ruby - Ruby implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) + --- ### Videos From 230aae8fadc1ef5658ebb272db47c4ee26324d10 Mon Sep 17 00:00:00 2001 From: Nikolaus Graf Date: Thu, 16 Jul 2015 09:43:48 +0200 Subject: [PATCH 0076/1036] doc(Readme): add Belle component library --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 40aeecf1..f0081556 100644 --- a/README.md +++ b/README.md @@ -420,6 +420,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [Babel Starter Kit - a boilerplate for authoring React.js libraries with ES6+, Babel](https://github.com/kriasoft/babel-starter-kit) #### Components +* [Belle - Set of easy to style React Components with great UX](http://nikgraf.github.io/belle/) * [React Components](http://react-components.com/) * [React Component List](http://dvemac.github.io/react-component-list/) * [React.parts - A catalog of React components](http://react.parts/) From 5ca83388e1df9ca1c0d1c9478583a8a80fca4ed6 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 16 Jul 2015 23:22:11 +0300 Subject: [PATCH 0077/1036] A series of posts by Huey Petersen on GraphQL and ClojureScript --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 40aeecf1..a8e0b1fa 100644 --- a/README.md +++ b/README.md @@ -760,6 +760,9 @@ A collection of awesome React tools, resources, videos and shiny things. * [Building The Facebook News Feed With Relay](https://facebook.github.io/react/blog/2015/03/19/building-the-facebook-news-feed-with-relay.html) * [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html) * [Unofficial Relay FAQ](https://gist.github.com/wincent/598fa75e22bdfa44cf47?) +* [First Thoughts on GraphQL](http://hueypetersen.com/posts/2015/02/02/first-thoughts-on-graph-ql/) +* [Modeling Queries in a GraphQL Like Way](http://hueypetersen.com/posts/2015/02/08/modeling-queries-graph-ql-like/) +* [Thin and Graphy](http://hueypetersen.com/posts/2015/02/22/thin-and-graphy/) ##### GraphQL Implementations * [graphql-js - A reference implementation of GraphQL for JavaScript](https://github.com/graphql/graphql-js) From 035326ca65832c1a8457ea8c6cf77d27eec08a92 Mon Sep 17 00:00:00 2001 From: Fantasy Shao Date: Fri, 17 Jul 2015 15:47:33 +0800 Subject: [PATCH 0078/1036] Remove duplicated item in Demos: reactodo --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index a8e0b1fa..b81de84f 100644 --- a/README.md +++ b/README.md @@ -859,14 +859,13 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-observe-todomvc - TodoMVC implementation built on top of React and Object.observe](https://github.com/fdecampredon/react-observe-todomvc) * [react-lights-out - Simple demo of the React framework's power and flexibility](https://github.com/chenglou/react-lights-out) * [todomvc-swarm - React TodoMVC implementation using Swarm for real-time collaboration](https://github.com/gritzko/todomvc-swarm) -* [reactodo - Multiple localStorage TODO lists](https://github.com/insin/reactodo) +* [reactodo - Multiple localStorage TODO lists, built with React](https://github.com/insin/reactodo) * [lifequote - React port of a life insurance quick quoting application](https://github.com/insin/lifequote) * [reactor-demo - Isomorphic Javascript app with React](https://github.com/natew/reactor-demo) * [imgsible - React-based Imgur-like isomorphic demo app](https://github.com/BinaryMuse/imgsible) * [wow-realm-status-react - WoW Realm Status: React Edition](https://github.com/BinaryMuse/wow-realm-status-react) * [react-json-editor - A generic JSON editor](https://github.com/dustingetz/react-json-editor) * [react-todos - Backbone's example TODO app with React JS for views](https://github.com/ssorallen/react-todos) -* [reactodo - Multiple localStorage TODO lists, built with React](https://github.com/insin/reactodo) * [github-issues-viewer - A gitub issues viewer build in react + backbone](https://github.com/jaredly/github-issues-viewer) * [wolfenstein3D-react - Wolfenstein with the rendering layer written in React](https://github.com/petehunt/wolfenstein3D-react) * [flux-react-router-example - Sample Flux app with routing and pagination using Github API](https://github.com/gaearon/flux-react-router-example) From 7df9a46a03d76794786054f40f06912d32757a1b Mon Sep 17 00:00:00 2001 From: Kevin Vandenborne Date: Fri, 17 Jul 2015 11:30:39 +0200 Subject: [PATCH 0079/1036] Add react-europe 2015 videos --- README.md | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/README.md b/README.md index a8e0b1fa..2ff13438 100644 --- a/README.md +++ b/README.md @@ -830,6 +830,40 @@ A collection of awesome React tools, resources, videos and shiny things. * [James Brantly: Static typing with Flow and TypeScript](http://conf.reactjs.com/schedule.html#static-typing-with-flow-and-typescript) * [React.js Team: Q&A with the team](http://conf.reactjs.com/schedule.html#q-a-with-the-team) +#### Video from react-europe 2015 +* [Petr Bela - Relay-like REST-friendly Immutable-based data lib lightning talk](https://youtube.com/watch?v=YttDwhcNlBs) +* [Andreas Savvide - D3.js with React lightning talk](https://youtube.com/watch?v=6Pbf0n85HH8) +* [Dave Brotherstone - Everything they don't tell you about context lightning talk](https://youtube.com/watch?v=H7vlH-wntD4) +* [Mike Grabowski - Going native with Este.js lightning talk](https://youtube.com/watch?v=jjH52K-zYeM) +* [Ovidiu Cherecheș - Cosmos lightning talk](https://youtube.com/watch?v=t9V2oKK83Kg) +* [Q&A session](https://youtube.com/watch?v=CRJZBZ_-6hQ) +* [Evan Morikawa & Ben Gotow - How React & Flux Turn Apps Into Extensible Platforms](https://youtube.com/watch?v=Uu4Yz2HmCgE) +* [Aria Buckles - Building submarines that don't leak](https://youtube.com/watch?v=2Qu-Ulrsfl8) +* [Michael Ridgway - Isomorphic Flux](https://youtube.com/watch?v=MrozpFEBEBE) +* [Kevin Robinson - Simplifying the data layer](https://youtube.com/watch?v=EOz4D_714R8) +* [Jed Watson - Going Mobile with React](https://youtube.com/watch?v=ctwmd5L1U_Q) +* [Nick Schrock & Dan Schafer - Creating a GraphQL Server](https://youtube.com/watch?v=gY48GW87Feo) +* [Michael Jackson - React Router](https://youtube.com/watch?v=Q6Kczrgw6ic) +* [Cheng Lou - The State of Animation in React](https://youtube.com/watch?v=1tavDv5hXpo) +* [Sebastian McKenzie - Improving Your Workflow With Code Transformation](https://youtube.com/watch?v=OFuDvqZmUrE) +* [Red Badger session](https://youtube.com/watch?v=hdKidiwR8DM) +* [Thinkmill session](https://youtube.com/watch?v=ApoCktYaRxk) +* [Zalando session](https://youtube.com/watch?v=3EQhkquvVmY) +* [Automattic session](https://youtube.com/watch?v=hjhyrBbDp6U) +* [Sunil Pai - Disto lightning talk](https://youtube.com/watch?v=9yb-6GskMH4) +* [Sebastian Markbåge - DOM as a Second-class Citizen](https://youtube.com/watch?v=Zemce4Y1Y-A) +* [Mikhail Davydov - Back to Text UI](https://youtube.com/watch?v=ee_U2t-8L48) +* [Ryan Florence - Don't Rewrite, React!](https://youtube.com/watch?v=BF58ZJ1ZQxY) +* [Joshua Sierles - React Native playground lightning talk](https://youtube.com/watch?v=E8aAAXqrVG0) +* [Rangle.io session with Nick Van Weerdenburg](https://youtube.com/watch?v=nAWKR1bBDsU) +* [Joseph Savona - Relay: An Application Framework For React](https://youtube.com/watch?v=IrgHurBjQbg) +* [Elie Rotenberg - Flux over the Wire](https://youtube.com/watch?v=JSjhhUvB9DY) +* [Spencer Ahrens - React Native: Building Fluid User Experiences](https://youtube.com/watch?v=xDlfrcM6YBk) +* [Michael Chan - Inline Styles: themes, media queries, contexts, & when it's best to use CSS](https://youtube.com/watch?v=ERB1TJBn32c) +* [Christopher Chedeau - Keynote](https://youtube.com/watch?v=PAA9O4E1IM4) +* [Dan Abramov - Live React: Hot Reloading with Time Travel](https://youtube.com/watch?v=xsSnOQynTHs) +* [Lee Byron - Exploring GraphQL](https://youtube.com/watch?v=WQLzZf34FJ8) + #### Video Tutorials * [learnreact.com — 3ish minute videos on React.js](http://learnreact.com/) * [Learn ReactJS (make a Pokedex!) - part 1](https://www.youtube.com/watch?v=A9xmIxYBGf4) From 248e8dad4534b28619c733eadb757bacda2dfed6 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Sun, 19 Jul 2015 00:32:29 +0300 Subject: [PATCH 0080/1036] Add Dashboard section --- README.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 58b4737e..91c12007 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -## Awesome React +f## Awesome React A collection of awesome React tools, resources, videos and shiny things. @@ -746,7 +746,10 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-chartjs - Common react charting components using chart.js](https://github.com/jhudson8/react-chartjs) #### Service Workers - * [react-worker - Using Service Workers to render React components](https://github.com/MicheleBertoli/react-worker) +* [react-worker - Using Service Workers to render React components](https://github.com/MicheleBertoli/react-worker) + +#### Dashboards +* [pyxley - Python helpers for building dashboards using Flask and React](https://github.com/stitchfix/pyxley) --- ### GraphQL and Relay From ef6ef11ce9424d4afa6f79c0b5235a09f9f511df Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 20 Jul 2015 05:16:42 +0300 Subject: [PATCH 0081/1036] Add Mutations in Relay links --- README.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 5f71f516..2f05ab19 100644 --- a/README.md +++ b/README.md @@ -157,7 +157,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) * [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) * [http://www.toptal.com/react/navigating-the-react-ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) -* [React.js Introduction For People Who Know Just Enough jQuery To Get By] (http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) +* [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) ##### React Native Tutorials * [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) @@ -322,7 +322,7 @@ A collection of awesome React tools, resources, videos and shiny things. ##### Authentication and Authorization * [Role-based authorization](http://blog.littleblimp.com/post/109540707808/role-based-authorization-with-react-js) -* [Adding authentication to your React Flux app] (https://auth0.com/blog/2015/04/09/adding-authentication-to-your-react-flux-app/) +* [Adding authentication to your React Flux app](https://auth0.com/blog/2015/04/09/adding-authentication-to-your-react-flux-app/) ##### File Uploads * [Direct uploads to S3 with React, Rails, and Paperclip](http://blog.littleblimp.com/post/119230396893/direct-uploads-to-s3-with-react-rails-and) @@ -420,7 +420,6 @@ A collection of awesome React tools, resources, videos and shiny things. * [Babel Starter Kit - a boilerplate for authoring React.js libraries with ES6+, Babel](https://github.com/kriasoft/babel-starter-kit) #### Components -* [Belle - Set of easy to style React Components with great UX](http://nikgraf.github.io/belle/) * [React Components](http://react-components.com/) * [React Component List](http://dvemac.github.io/react-component-list/) * [React.parts - A catalog of React components](http://react.parts/) @@ -550,6 +549,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [react-datagrid - A carefully crafted DataGrid for React](https://github.com/zippyui/react-datagrid) * [react-panels - A multipurpose tabbed panel with many features](https://github.com/Theadd/react-panels) * [autoresponsive-react - A Magical Layout Libary For React](http://xudafeng.github.io/autoresponsive-react) +* [Belle - Set of easy to style React Components with great UX](http://nikgraf.github.io/belle/) #### Libraries * [tuxx - A feature complete framework built on the React view layer](http://www.tuxedojs.org) @@ -753,7 +753,7 @@ A collection of awesome React tools, resources, videos and shiny things. * [pyxley - Python helpers for building dashboards using Flask and React](https://github.com/stitchfix/pyxley) --- -### GraphQL and Relay +### GraphQL #### GraphQL Spec * [GraphQL Specification](http://facebook.github.io/graphql/) @@ -767,6 +767,8 @@ A collection of awesome React tools, resources, videos and shiny things. * [First Thoughts on GraphQL](http://hueypetersen.com/posts/2015/02/02/first-thoughts-on-graph-ql/) * [Modeling Queries in a GraphQL Like Way](http://hueypetersen.com/posts/2015/02/08/modeling-queries-graph-ql-like/) * [Thin and Graphy](http://hueypetersen.com/posts/2015/02/22/thin-and-graphy/) +* [Mutations in Relay by Laney Kuenzel - Slides](https://speakerdeck.com/laneyk/mutations-in-relay) +* [Mutations in Relay by Laney Kuenzel - Slides](https://gist.github.com/mfunkie/65e94f42fee3962b1703) ##### GraphQL Implementations * [graphql-js - A reference implementation of GraphQL for JavaScript](https://github.com/graphql/graphql-js) From f03249d70e5498b6fe29ea68a54cb740c2eeea7b Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 20 Jul 2015 05:31:10 +0300 Subject: [PATCH 0082/1036] Update description to more relevant --- README.md | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 2f05ab19..94301c53 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -f## Awesome React +### Awesome React -A collection of awesome React tools, resources, videos and shiny things. +A collection of awesome things regarding React ecosystem. - [Resources](#resources) - [React General Resources](#react-general-resources) @@ -771,14 +771,11 @@ A collection of awesome React tools, resources, videos and shiny things. * [Mutations in Relay by Laney Kuenzel - Slides](https://gist.github.com/mfunkie/65e94f42fee3962b1703) ##### GraphQL Implementations -* [graphql-js - A reference implementation of GraphQL for JavaScript](https://github.com/graphql/graphql-js) -* [GraphQL Specification](https://github.com/facebook/graphql) -* [GraphpostgresQL - GraphQL for Postgres](https://github.com/solidsnack/GraphpostgresQL) -* [react-transmit - Relay-inspired library based on Promises](https://github.com/RickWong/react-transmit) -* [graphqljs - GraphQL parser written in JavaScript](https://github.com/cobbweb/graphqljs) -* [graphqlite - An experimental implementation of Facebook's GraphQL](https://github.com/madjam002/graphqlite) -* [GraphNoQL - Facebook's GraphQL backend implemented with Node+Mongo](https://github.com/lutherism/GraphNoQL) -* [graphql-ruby - Ruby implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) +* [graphql-js - A reference implementation of GraphQL for **JavaScript**](https://github.com/graphql/graphql-js) +* [react-transmit - Relay-inspired library based on **JavaScript Promises**](https://github.com/RickWong/react-transmit) +* [GraphpostgresQL - GraphQL for **PostgreSQL**](https://github.com/solidsnack/GraphpostgresQL) +* [GraphNoQL - Facebook's GraphQL backend implemented with **Node+Mongo**](https://github.com/lutherism/GraphNoQL) +* [graphql-ruby - **Ruby** implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) --- ### Videos From c59b4f1fae21422efe12fbddeb325ca623f8bc9b Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 20 Jul 2015 05:32:30 +0300 Subject: [PATCH 0083/1036] Add GraphQL Java implementation --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 94301c53..6fe25b27 100644 --- a/README.md +++ b/README.md @@ -776,6 +776,7 @@ A collection of awesome things regarding React ecosystem. * [GraphpostgresQL - GraphQL for **PostgreSQL**](https://github.com/solidsnack/GraphpostgresQL) * [GraphNoQL - Facebook's GraphQL backend implemented with **Node+Mongo**](https://github.com/lutherism/GraphNoQL) * [graphql-ruby - **Ruby** implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) +* [graphql-java - GraphQL **Java** implementation](https://github.com/andimarek/graphql-java) --- ### Videos From 7aebab382e6ba443e6660d88fe963942417202ba Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Mon, 20 Jul 2015 05:34:18 +0300 Subject: [PATCH 0084/1036] Update TOC --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 6fe25b27..bb319b8f 100644 --- a/README.md +++ b/README.md @@ -61,10 +61,10 @@ A collection of awesome things regarding React ecosystem. - [Maps](#maps) - [Charts](#charts) - [Service Workers](#service-workers) -- [GraphQL and Relay](#graphql-and-relay) +- [GraphQL and Relay](#graphql) - [GraphQL Spec](#graphql-spec) - [GraphQL Tutorials](#graphql-tutorials) - - [GraphQL Implementations](#graphql-implementation) + - [GraphQL Implementations](#graphql-implementations) - [Videos](#videos) - [Video from Confs](#video-from-confs) - [Video from React.js Conf 2015](#video-from-reactjs-conf-2015) From 9f865a1a69f03ddcb0114fc4e165453a140baa92 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 21 Jul 2015 21:00:29 +0300 Subject: [PATCH 0085/1036] Add Scala GraphQL implementation --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index bb319b8f..30a15b86 100644 --- a/README.md +++ b/README.md @@ -757,7 +757,7 @@ A collection of awesome things regarding React ecosystem. #### GraphQL Spec * [GraphQL Specification](http://facebook.github.io/graphql/) -* [GraphQL Specification GitHub](https://github.com/facebook/graphql) +* [GraphQL Specification Repository](https://github.com/facebook/graphql) #### GraphQL Tutorials * [Introducing Relay and GraphQL](https://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) @@ -777,6 +777,7 @@ A collection of awesome things regarding React ecosystem. * [GraphNoQL - Facebook's GraphQL backend implemented with **Node+Mongo**](https://github.com/lutherism/GraphNoQL) * [graphql-ruby - **Ruby** implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) * [graphql-java - GraphQL **Java** implementation](https://github.com/andimarek/graphql-java) +* [sangria - Scala GraphQL client and server library](https://github.com/OlegIlyenko/sangria) --- ### Videos From 5fa4aa4fb460a711a161bc432b8cbce4882d1dcd Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 21 Jul 2015 21:05:24 +0300 Subject: [PATCH 0086/1036] Add GraphQL and g2sd article --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 30a15b86..f090ccf5 100644 --- a/README.md +++ b/README.md @@ -769,6 +769,7 @@ A collection of awesome things regarding React ecosystem. * [Thin and Graphy](http://hueypetersen.com/posts/2015/02/22/thin-and-graphy/) * [Mutations in Relay by Laney Kuenzel - Slides](https://speakerdeck.com/laneyk/mutations-in-relay) * [Mutations in Relay by Laney Kuenzel - Slides](https://gist.github.com/mfunkie/65e94f42fee3962b1703) +* [GraphQL and g2sd](https://fistfulofbytes.com/graphql-and-g2sd) ##### GraphQL Implementations * [graphql-js - A reference implementation of GraphQL for **JavaScript**](https://github.com/graphql/graphql-js) @@ -777,7 +778,7 @@ A collection of awesome things regarding React ecosystem. * [GraphNoQL - Facebook's GraphQL backend implemented with **Node+Mongo**](https://github.com/lutherism/GraphNoQL) * [graphql-ruby - **Ruby** implementation of Facebook's GraphQL](https://github.com/rmosolgo/graphql-ruby) * [graphql-java - GraphQL **Java** implementation](https://github.com/andimarek/graphql-java) -* [sangria - Scala GraphQL client and server library](https://github.com/OlegIlyenko/sangria) +* [sangria - **Scala** GraphQL client and server library](https://github.com/OlegIlyenko/sangria) --- ### Videos From 99ef2f28c33a470c454ac35507d8ce384f6c18b7 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 21 Jul 2015 21:07:00 +0300 Subject: [PATCH 0087/1036] Add GraphQL Overview - Getting Started with GraphQL and Node.js article --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f090ccf5..2872a792 100644 --- a/README.md +++ b/README.md @@ -770,6 +770,7 @@ A collection of awesome things regarding React ecosystem. * [Mutations in Relay by Laney Kuenzel - Slides](https://speakerdeck.com/laneyk/mutations-in-relay) * [Mutations in Relay by Laney Kuenzel - Slides](https://gist.github.com/mfunkie/65e94f42fee3962b1703) * [GraphQL and g2sd](https://fistfulofbytes.com/graphql-and-g2sd) +* [GraphQL Overview - Getting Started with GraphQL and Node.js](https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/) ##### GraphQL Implementations * [graphql-js - A reference implementation of GraphQL for **JavaScript**](https://github.com/graphql/graphql-js) From 2fb0229adaa43cd68717096d1f0d87fe9ee3d90a Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 22 Jul 2015 20:58:01 +0300 Subject: [PATCH 0088/1036] Add separate React Native section --- README.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 2872a792..3fba3a77 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ A collection of awesome things regarding React ecosystem. -- [Resources](#resources) +- [React](#react) - [React General Resources](#react-general-resources) - [React Native General Resources](#react-native-general-resources) - [React Community](#react-community) @@ -36,6 +36,7 @@ A collection of awesome things regarding React ecosystem. - [File Uploads](#uploads) - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) +- [React Native](#react-native) - [Tools](#tools) - [Flux Implementations](#flux-implementations) - [React Native](#react-native) @@ -76,7 +77,7 @@ A collection of awesome things regarding React ecosystem. - [Contribution](#contribution) --- -### Resources +### React #### React General Resources * [React Official Site](http://facebook.github.io/react/) @@ -374,6 +375,9 @@ A collection of awesome things regarding React ecosystem. * [React’s diff algorithm](http://calendar.perfplanet.com/2013/diff/) * [An Optimal Decomposition Algorithm for Tree Edit Distance](http://www.cs.haifa.ac.il/~oren/Publications/TEDinTALG.pdf) +--- +### React Native + --- ### Tools From 72ff83dfa598740caeb4809faadf7748524e9aa2 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 23 Jul 2015 21:55:04 +0300 Subject: [PATCH 0089/1036] Add blockqoutes in sections --- README.md | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 3fba3a77..357699f5 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,6 @@ A collection of awesome things regarding React ecosystem. - [React](#react) - [React General Resources](#react-general-resources) - - [React Native General Resources](#react-native-general-resources) - [React Community](#react-community) - [React Native Community](#react-native-community) - [React Online Playground](#react-online-playground) @@ -37,6 +36,7 @@ A collection of awesome things regarding React ecosystem. - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) - [React Native](#react-native) + - [React Native General Resources](#react-native-general-resources) - [Tools](#tools) - [Flux Implementations](#flux-implementations) - [React Native](#react-native) @@ -78,6 +78,7 @@ A collection of awesome things regarding React ecosystem. --- ### React +> JavaScript Library for building User Interfaces #### React General Resources * [React Official Site](http://facebook.github.io/react/) @@ -85,11 +86,6 @@ A collection of awesome things regarding React ecosystem. * [React Wiki](https://github.com/facebook/react/wiki) * [React NPM Module](https://www.npmjs.org/package/react) -#### React Native General Resources -* [React Native Official Site](https://facebook.github.io/react-native/) -* [React Native GitHub](https://github.com/facebook/react-native) -* [React Native NPM module](https://www.npmjs.com/package/react-native) - #### React Community * IRC network in `#reactjs` channel on freenode * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) @@ -377,6 +373,12 @@ A collection of awesome things regarding React ecosystem. --- ### React Native +>A Framework for building native apps usinf React + +#### React Native General Resources +* [React Native Official Site](https://facebook.github.io/react-native/) +* [React Native GitHub](https://github.com/facebook/react-native) +* [React Native NPM module](https://www.npmjs.com/package/react-native) --- ### Tools From 859c1935ffa4b41e0ff2a352e67c1fa75947a2b7 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 23 Jul 2015 22:13:52 +0300 Subject: [PATCH 0090/1036] Move React Native links in its own section --- README.md | 48 +++++++++++++++++++++++------------------------- 1 file changed, 23 insertions(+), 25 deletions(-) diff --git a/README.md b/README.md index 357699f5..c9ec9468 100644 --- a/README.md +++ b/README.md @@ -1,16 +1,13 @@ -### Awesome React +### **Awesome React** A collection of awesome things regarding React ecosystem. - [React](#react) - [React General Resources](#react-general-resources) - [React Community](#react-community) - - [React Native Community](#react-native-community) - [React Online Playground](#react-online-playground) - [Tutorials](#tutorials) - [React Tutorials](#react-tutorials) - - [React Native Tutorials](#react-native-tutorials) - - [React Native Gestures](#react-native-gestures) - [Isomorphic Apps](#isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) @@ -37,6 +34,9 @@ A collection of awesome things regarding React ecosystem. - [React Internals](#react-internals) - [React Native](#react-native) - [React Native General Resources](#react-native-general-resources) + - [React Native Community](#react-native-community) + - [React Native Tutorials](#react-native-tutorials) + - [React Native Gestures](#react-native-gestures) - [Tools](#tools) - [Flux Implementations](#flux-implementations) - [React Native](#react-native) @@ -83,25 +83,16 @@ A collection of awesome things regarding React ecosystem. #### React General Resources * [React Official Site](http://facebook.github.io/react/) * [React GitHub](https://github.com/facebook/react) -* [React Wiki](https://github.com/facebook/react/wiki) -* [React NPM Module](https://www.npmjs.org/package/react) #### React Community -* IRC network in `#reactjs` channel on freenode +* `#reactjs` channel on Freenode IRC Server * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) * [React Discussion Forum](https://discuss.reactjs.org/) * [React Twitter](https://twitter.com/reactjs) -* [React #reactjs Twitter](https://twitter.com/search?q=%23reactjs) * [React SubReddit](http://www.reddit.com/r/reactjs/) * [React Loop](http://reactloop.org) * [React Podcast](http://reactpodcast.com/) -#### React Native Community -* IRC network in `#reactnative` channel on freenode -* [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) -* [React Native #reactnative Twitter](https://twitter.com/search?q=%23reactnative) -* [React Native SubReddit](https://www.reddit.com/r/reactnative) - #### React Online Playground * [React JSFiddle Integration with JSX](https://jsfiddle.net/reactjs/69z2wepo/) * [React JSFiddle Integration without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) @@ -156,15 +147,6 @@ A collection of awesome things regarding React ecosystem. * [http://www.toptal.com/react/navigating-the-react-ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) * [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) -##### React Native Tutorials -* [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) -* [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) -* [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173) -* [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/) - -##### React Native Gestures -* [Gesture detection in React Native – fixing unexpected panning](http://blog.lum.pe/gesture-detection-in-react-native-fixing-unexpected-panning/) - ##### Isomorphic Apps * [isomorphic-tutorial - Tutorial app to demonstrate isomorphic JavaScript concepts](https://github.com/spikebrehm/isomorphic-tutorial) * [Creating Isomorphic apps with React and Node.js](http://www.htmlxprs.com/post/20/creating-isomorphic-apps-with-react-and-nodejs) @@ -371,14 +353,30 @@ A collection of awesome things regarding React ecosystem. * [React’s diff algorithm](http://calendar.perfplanet.com/2013/diff/) * [An Optimal Decomposition Algorithm for Tree Edit Distance](http://www.cs.haifa.ac.il/~oren/Publications/TEDinTALG.pdf) + --- ### React Native ->A Framework for building native apps usinf React +>Framework for building native apps using React #### React Native General Resources * [React Native Official Site](https://facebook.github.io/react-native/) * [React Native GitHub](https://github.com/facebook/react-native) -* [React Native NPM module](https://www.npmjs.com/package/react-native) + +#### React Native Community +* `#reactnative` channel on Freenode IRC Channel +* [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native) +* [React Native #reactnative Twitter](https://twitter.com/search?q=%23reactnative) +* [React Native SubReddit](https://www.reddit.com/r/reactnative) + +#### React Native Tutorials +* [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript) +* [React Native Has Landed](http://moduscreate.com/react-native-has-landed/) +* [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173) +* [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/) + +#### React Native Gestures +* [Gesture detection in React Native – fixing unexpected panning](http://blog.lum.pe/gesture-detection-in-react-native-fixing-unexpected-panning/) + --- ### Tools From 37d877e7b88cc50db422ba5e8654d83a2c178581 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 23 Jul 2015 22:36:54 +0300 Subject: [PATCH 0091/1036] Remove examples section --- README.md | 25 ++-- .../react_html_template.html | 16 --- examples/001_helloworld/helloworld.html | 19 --- examples/002_props/helloworld_props.html | 25 ---- examples/003_state/timer.html | 39 ------ examples/004_props_and_state/todo.html | 55 --------- .../005_external_plugin/markdown_render.html | 49 -------- examples/006_with_http_server/README.md | 8 -- examples/006_with_http_server/app.jsx | 112 ------------------ examples/006_with_http_server/index.html | 14 --- examples/006_with_http_server/package.json | 12 -- examples/006_with_http_server/server.js | 24 ---- examples/007_refs/README.md | 8 -- examples/007_refs/index.html | 11 -- examples/007_refs/js/main.js | 45 ------- examples/007_refs/package.json | 11 -- examples/007_refs/server.js | 8 -- 17 files changed, 7 insertions(+), 474 deletions(-) delete mode 100644 examples/000_react_html_template/react_html_template.html delete mode 100644 examples/001_helloworld/helloworld.html delete mode 100644 examples/002_props/helloworld_props.html delete mode 100644 examples/003_state/timer.html delete mode 100644 examples/004_props_and_state/todo.html delete mode 100644 examples/005_external_plugin/markdown_render.html delete mode 100644 examples/006_with_http_server/README.md delete mode 100644 examples/006_with_http_server/app.jsx delete mode 100644 examples/006_with_http_server/index.html delete mode 100644 examples/006_with_http_server/package.json delete mode 100644 examples/006_with_http_server/server.js delete mode 100644 examples/007_refs/README.md delete mode 100644 examples/007_refs/index.html delete mode 100644 examples/007_refs/js/main.js delete mode 100644 examples/007_refs/package.json delete mode 100644 examples/007_refs/server.js diff --git a/README.md b/README.md index c9ec9468..40a475f4 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,8 @@ A collection of awesome things regarding React ecosystem. - [React General Resources](#react-general-resources) - [React Community](#react-community) - [React Online Playground](#react-online-playground) - - [Tutorials](#tutorials) - - [React Tutorials](#react-tutorials) + - [React Tutorials](#react-tutorials) + - [React General Tutorials](#react-general-tutorials) - [Isomorphic Apps](#isomorphic-apps) - [JSX](#jsx) - [Flux Tutorials](#flux-tutorials) @@ -32,6 +32,7 @@ A collection of awesome things regarding React ecosystem. - [File Uploads](#uploads) - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) +- [Flux](#flux) - [React Native](#react-native) - [React Native General Resources](#react-native-general-resources) - [React Native Community](#react-native-community) @@ -86,8 +87,8 @@ A collection of awesome things regarding React ecosystem. #### React Community * `#reactjs` channel on Freenode IRC Server -* [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) * [React Discussion Forum](https://discuss.reactjs.org/) +* [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) * [React Twitter](https://twitter.com/reactjs) * [React SubReddit](http://www.reddit.com/r/reactjs/) * [React Loop](http://reactloop.org) @@ -102,11 +103,10 @@ A collection of awesome things regarding React ecosystem. * [React HTML to JSX Online Compiler](https://facebook.github.io/react/html-jsx.html) -#### Tutorials +#### React Tutorials -##### React Tutorials -* [Medium React Tutorials](https://medium.com/react-tutorials) -* [React beginner tutorial: Implementing the board game Go](http://cjlarose.com/2014/01/09/react-board-game-tutorial.html) +##### React General Tutorials +* [React Tutorial](https://facebook.github.io/react/docs/tutorial.html) * [React.js Koans: Practical exercises that will help you learn React.js from square one](https://github.com/arkency/reactjs_koans) * [Yo in React](http://davidandsuzi.com/yo-in-react/) * [React PhoneCat: Rewriting the AngularJS Tutorial App in React](http://jgebhardt.github.io/blog/react-phonecat/) @@ -920,17 +920,6 @@ A collection of awesome things regarding React ecosystem. * [Hapi+React+Flux user management system](https://github.com/jedireza/aqua) * [Redux TodoMVC](https://github.com/gaearon/redux/tree/master/examples/todomvc) ---- -### Examples -* [React HTML Template](https://github.com/enaqx/awesome-react/tree/master/examples/000_react_html_template) -* [React Helloworld](https://github.com/enaqx/awesome-react/tree/master/examples/001_helloworld) -* [Props](https://github.com/enaqx/awesome-react/tree/master/examples/002_props) -* [State](https://github.com/enaqx/awesome-react/tree/master/examples/003_state) -* [Props and State](https://github.com/enaqx/awesome-react/tree/master/examples/004_props_and_state) -* [External Plugin](https://github.com/enaqx/awesome-react/tree/master/examples/005_external_plugin) -* [POST/GET with HTTP server](https://github.com/enaqx/awesome-react/tree/master/examples/006_with_http_server) -* [Refs to send messages between components](https://github.com/enaqx/awesome-react/tree/master/examples/007_refs) - --- ### Apps * [reddit/reddit-mobile](https://github.com/reddit/reddit-mobile) diff --git a/examples/000_react_html_template/react_html_template.html b/examples/000_react_html_template/react_html_template.html deleted file mode 100644 index 749c0e00..00000000 --- a/examples/000_react_html_template/react_html_template.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - React Template - - - - -
- - - \ No newline at end of file diff --git a/examples/001_helloworld/helloworld.html b/examples/001_helloworld/helloworld.html deleted file mode 100644 index 1a9a078d..00000000 --- a/examples/001_helloworld/helloworld.html +++ /dev/null @@ -1,19 +0,0 @@ - - - - Hello, World! - - - - -
- - - \ No newline at end of file diff --git a/examples/002_props/helloworld_props.html b/examples/002_props/helloworld_props.html deleted file mode 100644 index 3283ae2c..00000000 --- a/examples/002_props/helloworld_props.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - Hello, World! - - - - -
- - - \ No newline at end of file diff --git a/examples/003_state/timer.html b/examples/003_state/timer.html deleted file mode 100644 index 2d85e899..00000000 --- a/examples/003_state/timer.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - Timer - - - - -
- - - \ No newline at end of file diff --git a/examples/004_props_and_state/todo.html b/examples/004_props_and_state/todo.html deleted file mode 100644 index 13d36df8..00000000 --- a/examples/004_props_and_state/todo.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - Todo - - - - -
- - - \ No newline at end of file diff --git a/examples/005_external_plugin/markdown_render.html b/examples/005_external_plugin/markdown_render.html deleted file mode 100644 index 9ff515bc..00000000 --- a/examples/005_external_plugin/markdown_render.html +++ /dev/null @@ -1,49 +0,0 @@ - - - - Hello, World! - - - - - -
- - - \ No newline at end of file diff --git a/examples/006_with_http_server/README.md b/examples/006_with_http_server/README.md deleted file mode 100644 index dff9ecab..00000000 --- a/examples/006_with_http_server/README.md +++ /dev/null @@ -1,8 +0,0 @@ -[React Tutorial](https://github.com/reactjs/react-tutorial/) - -``` -npm install -npm run -``` - -And visit [http://localhost:3000/](http://localhost:3000/). Try opening multiple tabs! \ No newline at end of file diff --git a/examples/006_with_http_server/app.jsx b/examples/006_with_http_server/app.jsx deleted file mode 100644 index b1d967e8..00000000 --- a/examples/006_with_http_server/app.jsx +++ /dev/null @@ -1,112 +0,0 @@ -var converter = new Showdown.converter(); - -var Comment = React.createClass({ - render: function() { - var rawMarkup = converter.makeHtml(this.props.children.toString()); - return ( -
-

- {this.props.author} -

- -
- ); - } -}); - -var CommentBox = React.createClass({ - loadCommentsFromServer: function() { - $.ajax({ - url: this.props.url, - dataType: 'json', - success: function(data) { - this.setState({data: data}); - }.bind(this), - error: function(xhr, status, err) { - console.error(this.props.url, status, err.toString()); - }.bind(this) - }); - }, - handleCommentSubmit: function(comment) { - var comments = this.state.data; - comments.push(comment); - this.setState({data: comments}, function() { - // `setState` accepts a callback. To avoid (improbable) race condition, - // `we'll send the ajax request right after we optimistically set the new - // `state. - $.ajax({ - url: this.props.url, - dataType: 'json', - type: 'POST', - data: comment, - success: function(data) { - this.setState({data: data}); - }.bind(this), - error: function(xhr, status, err) { - console.error(this.props.url, status, err.toString()); - }.bind(this) - }); - }); - }, - getInitialState: function() { - return {data: []}; - }, - componentDidMount: function() { - this.loadCommentsFromServer(); - setInterval(this.loadCommentsFromServer, this.props.pollInterval); - }, - render: function() { - return ( -
-

Comments

- - -
- ); - } -}); - -var CommentList = React.createClass({ - render: function() { - var commentNodes = this.props.data.map(function(comment, index) { - return ( - // `key` is a React-specific concept and is not mandatory for the - // purpose of this tutorial. if you're curious, see more here: - // http://facebook.github.io/react/docs/multiple-components.html#dynamic-children - - {comment.text} - - ); - }); - return ( -
- {commentNodes} -
- ); - } -}); - -var CommentForm = React.createClass({ - handleSubmit: function() { - var author = React.findDOMNode(this.refs.author).value.trim(); - var text = React.findDOMNode(this.refs.text).value.trim(); - this.props.onCommentSubmit({author: author, text: text}); - React.findDOMNode(this.refs.author).value = ''; - React.findDOMNode(this.refs.text).value = ''; - return false; - }, - render: function() { - return ( -
- - - -
- ); - } -}); - -React.render( - , - document.getElementById('content') -); \ No newline at end of file diff --git a/examples/006_with_http_server/index.html b/examples/006_with_http_server/index.html deleted file mode 100644 index 673136cd..00000000 --- a/examples/006_with_http_server/index.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - Comment Box - - - - - - -
- - - \ No newline at end of file diff --git a/examples/006_with_http_server/package.json b/examples/006_with_http_server/package.json deleted file mode 100644 index f8e3f057..00000000 --- a/examples/006_with_http_server/package.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "name": "react-tutorial", - "version": "0.0.0", - "description": "Code from the React tutorial.", - "main": "server.js", - "dependencies": { - "body-parser": "1.10.2", - "express": "4.11.1" - }, - "author": "petehunt", - "license": "MIT" -} \ No newline at end of file diff --git a/examples/006_with_http_server/server.js b/examples/006_with_http_server/server.js deleted file mode 100644 index 4e27fbb6..00000000 --- a/examples/006_with_http_server/server.js +++ /dev/null @@ -1,24 +0,0 @@ -var express = require('express'); -var bodyParser = require('body-parser'); -var app = express(); - -var comments = [{author: 'Author1', text: 'Comment1'}]; - -app.use('/', express.static(__dirname)); -app.use(bodyParser.json()); -app.use(bodyParser.urlencoded({extended: true})); - -app.get('/comments.json', function(req, res) { - res.setHeader('Content-Type', 'application/json'); - res.send(JSON.stringify(comments)); -}); - -app.post('/comments.json', function(req, res) { - comments.push(req.body); - res.setHeader('Content-Type', 'application/json'); - res.send(JSON.stringify(comments)); -}); - -app.listen(3000); - -console.log('Server started: http://localhost:3000/'); \ No newline at end of file diff --git a/examples/007_refs/README.md b/examples/007_refs/README.md deleted file mode 100644 index d85cf185..00000000 --- a/examples/007_refs/README.md +++ /dev/null @@ -1,8 +0,0 @@ -Using refs to send messages between components. - -``` -npm install -npm start -``` - -And visit [http://localhost:3000/](http://localhost:3000/). \ No newline at end of file diff --git a/examples/007_refs/index.html b/examples/007_refs/index.html deleted file mode 100644 index 6ec3bc51..00000000 --- a/examples/007_refs/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - React Pro - - - - - - - \ No newline at end of file diff --git a/examples/007_refs/js/main.js b/examples/007_refs/js/main.js deleted file mode 100644 index 5cf6050e..00000000 --- a/examples/007_refs/js/main.js +++ /dev/null @@ -1,45 +0,0 @@ -SearchBox = React.createClass({ - getInitialState: function(){ - return { - value: 'Using refs' - } - }, - - onInputChange: function(e){ - this.setState({ - value: this.refs.input.value - }); - this.props.onChange(e); - }, - - render: function(){ - return React.DOM.div({}, - new React.DOM.p({}, "Input some text:"), - new React.DOM.input({ - ref: 'input', - placeholder: this.props.defaultText, - value: this.state.value, - onChange: this.onInputChange - }) - ); - } -}); - -var globalValue = ''; - -var render = function() { - React.render( - new React.DOM.div({}, - new SearchBox({ - onChange: function(e) { - globalValue = e.target.value; - render(); - } - }), - new React.DOM.p({}, globalValue) - ), - document.body - ); -}; - -render(); \ No newline at end of file diff --git a/examples/007_refs/package.json b/examples/007_refs/package.json deleted file mode 100644 index 8e467294..00000000 --- a/examples/007_refs/package.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "name": "react-ref", - "version": "0.0.0", - "description": "React ref", - "main": "server.js", - "dependencies": { - "express": "4.11.1" - }, - "author": "petehunt", - "license": "MIT" -} \ No newline at end of file diff --git a/examples/007_refs/server.js b/examples/007_refs/server.js deleted file mode 100644 index 8324ae3a..00000000 --- a/examples/007_refs/server.js +++ /dev/null @@ -1,8 +0,0 @@ -var express = require('express'); -var app = express(); - -app.use('/', express.static(__dirname)); - -app.listen(3000); - -console.log('Server started: http://localhost:3000/'); \ No newline at end of file From 94a1e1ca55830082f757ec5692b823b9fdca89c7 Mon Sep 17 00:00:00 2001 From: Denis Stoyanov Date: Fri, 24 Jul 2015 01:16:14 +0300 Subject: [PATCH 0092/1036] Update README.md --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 40a475f4..df87ba00 100644 --- a/README.md +++ b/README.md @@ -690,6 +690,9 @@ A collection of awesome things regarding React ecosystem. * [react-resolver - Isomorphic library to recursively lazy-load data for React components](https://github.com/ericclemmons/react-resolver) * [freezer-js - Lightweight and reactive immutable data structure for React](https://github.com/arqex/freezer) * [mobservable - Observable data structures for building reactive React apps](https://github.com/mweststrate/MOBservable) +* [baobab - JavaScript persistent and optionally immutable data tree with cursors](https://github.com/Yomguithereal/baobab) +* [baobab-react - React integration for Baobab](https://github.com/Yomguithereal/baobab-react) +* [datascript - Immutable database and Datalog query engine in ClojureScript](https://github.com/tonsky/datascript) #### Development Environment * [react-devtools - React Chrome Developer Tools](https://github.com/facebook/react-devtools) From d46e5812cc03fe4d612219160bc933f0f7b8223f Mon Sep 17 00:00:00 2001 From: Denis Stoyanov Date: Fri, 24 Jul 2015 01:28:01 +0300 Subject: [PATCH 0093/1036] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 40a475f4..b40a8807 100644 --- a/README.md +++ b/README.md @@ -690,6 +690,8 @@ A collection of awesome things regarding React ecosystem. * [react-resolver - Isomorphic library to recursively lazy-load data for React components](https://github.com/ericclemmons/react-resolver) * [freezer-js - Lightweight and reactive immutable data structure for React](https://github.com/arqex/freezer) * [mobservable - Observable data structures for building reactive React apps](https://github.com/mweststrate/MOBservable) +* [immstruct - mmutable data structures with history for top-to-bottom properties in component based libraries like React](https://github.com/omniscientjs/immstruct) +* [seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects](https://github.com/rtfeldman/seamless-immutable) #### Development Environment * [react-devtools - React Chrome Developer Tools](https://github.com/facebook/react-devtools) From 897ec0b52e0b277b7efc6d352ec974e80735245d Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Fri, 24 Jul 2015 03:11:50 +0300 Subject: [PATCH 0094/1036] Update --- README.md | 61 ++++++++++++++++++++++++++++++------------------------- 1 file changed, 33 insertions(+), 28 deletions(-) diff --git a/README.md b/README.md index df87ba00..9ae0938d 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,6 @@ A collection of awesome things regarding React ecosystem. - [React General Tutorials](#react-general-tutorials) - [Isomorphic Apps](#isomorphic-apps) - [JSX](#jsx) - - [Flux Tutorials](#flux-tutorials) - [Building Robust Web Apps with React](#building-robust-web-apps-with-react) - [Comprehensive Guide to Building Apps with React](#comprehensive-guide-to-building-apps-with-react) - [Scotch.io React tutorials series](#scotchio-react-tutorials-series) @@ -33,6 +32,7 @@ A collection of awesome things regarding React ecosystem. - [Approach Explanation](#approach-explanation) - [React Internals](#react-internals) - [Flux](#flux) + - [Flux Tutorials](#flux-tutorials) - [React Native](#react-native) - [React Native General Resources](#react-native-general-resources) - [React Native Community](#react-native-community) @@ -162,33 +162,6 @@ A collection of awesome things regarding React ecosystem. * [JSX support in eslint](https://github.com/eslint/eslint/issues/1291) * [Lint Like It’s 2015](https://medium.com/@dan_abramov/lint-like-it-s-2015-6987d44c5b48) -##### Flux Tutorials -* [Flux Application Architecture](http://facebook.github.io/flux/docs/overview.html) -* [Isomorphic Flux examples using Dispatchr and Fetchr from Yahoo](https://github.com/yahoo/flux-examples) -* [Async requests with React.js and Flux](http://www.code-experience.com/async-requests-with-react-js-and-flux-revisited/) -* [Implementing Flux in CoffeeScript](http://jamesfriend.com.au/implementing-flux-coffeescript) -* [React: Flux Architecture](https://egghead.io/series/react-flux-architecture) -* [Understanding Flux](https://medium.com/@garychambers108/understanding-flux-f93e9f650af7) -* [A sample app showcasing Flux with React Router](https://github.com/gaearon/flux-react-router-example) -* [Yo in Flux](http://davidandsuzi.com/yo-in-flux/) -* [React.js architecture - Flux VS Reflux](http://blog.krawaller.se/posts/react-js-architecture-flux-vs-reflux/) -* [Avoiding Event Chains in Single Page Applications](http://www.code-experience.com/avoiding-event-chains-in-single-page-applications/) -* [ReactJS and Flux](http://christianalfoni.github.io/javascript/2014/08/20/react-js-and-flux.html) -* [Deconstructing ReactJS's Flux](http://spoike.ghost.io/deconstructing-reactjss-flux/) -* [Flux Step By Step](http://blogs.atlassian.com/2014/08/flux-architecture-step-by-step/) -* [Flux in practice](https://medium.com/@garychambers108/flux-in-practice-ec08daa9041a) -* [Flux for Stupid People](http://blog.andrewray.me/flux-for-stupid-people/) -* [What is the Flux Application Architecture?](https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e) -* [React + Flux Backed by Rails API: Part 1](http://fancypixel.github.io/blog/2015/01/28/react-plus-flux-backed-by-rails-api/) -* [React + Flux Backed by Rails API: Part 2](http://fancypixel.github.io/blog/2015/01/29/react-plus-flux-backed-by-rails-api-part-2/) -* [React + Flux Backed by Rails API: Part 3](http://fancypixel.github.io/blog/2015/01/30/react-plus-flux-backed-by-rails-api-part-3/) -* [Introduction to Facebook's Flux architecture](http://ryanclark.me/getting-started-with-flux/) -* [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example) -* [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) -* [The Case for Flux](https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6) -* [The Evolution of Flux Frameworks](http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31) -* [React with Flux by example - a simple Todo List dissected](http://reactkungfu.com/2015/07/react-with-flux-by-example-simple-todo-list-dissected/) - ##### Building robust web apps with React * [Building robust web apps with React: Part 1](http://maketea.co.uk/2014/03/05/building-robust-web-apps-with-react-part-1.html) * [Building robust web apps with React: Part 2](http://maketea.co.uk/2014/04/07/building-robust-web-apps-with-react-part-2.html) @@ -353,6 +326,36 @@ A collection of awesome things regarding React ecosystem. * [React’s diff algorithm](http://calendar.perfplanet.com/2013/diff/) * [An Optimal Decomposition Algorithm for Tree Edit Distance](http://www.cs.haifa.ac.il/~oren/Publications/TEDinTALG.pdf) +--- +### Flux + +#### Flux Tutorials +* [Flux Application Architecture](http://facebook.github.io/flux/docs/overview.html) +* [Isomorphic Flux examples using Dispatchr and Fetchr from Yahoo](https://github.com/yahoo/flux-examples) +* [Async requests with React.js and Flux](http://www.code-experience.com/async-requests-with-react-js-and-flux-revisited/) +* [Implementing Flux in CoffeeScript](http://jamesfriend.com.au/implementing-flux-coffeescript) +* [React: Flux Architecture](https://egghead.io/series/react-flux-architecture) +* [Understanding Flux](https://medium.com/@garychambers108/understanding-flux-f93e9f650af7) +* [A sample app showcasing Flux with React Router](https://github.com/gaearon/flux-react-router-example) +* [Yo in Flux](http://davidandsuzi.com/yo-in-flux/) +* [React.js architecture - Flux VS Reflux](http://blog.krawaller.se/posts/react-js-architecture-flux-vs-reflux/) +* [Avoiding Event Chains in Single Page Applications](http://www.code-experience.com/avoiding-event-chains-in-single-page-applications/) +* [ReactJS and Flux](http://christianalfoni.github.io/javascript/2014/08/20/react-js-and-flux.html) +* [Deconstructing ReactJS's Flux](http://spoike.ghost.io/deconstructing-reactjss-flux/) +* [Flux Step By Step](http://blogs.atlassian.com/2014/08/flux-architecture-step-by-step/) +* [Flux in practice](https://medium.com/@garychambers108/flux-in-practice-ec08daa9041a) +* [Flux for Stupid People](http://blog.andrewray.me/flux-for-stupid-people/) +* [What is the Flux Application Architecture?](https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e) +* [React + Flux Backed by Rails API: Part 1](http://fancypixel.github.io/blog/2015/01/28/react-plus-flux-backed-by-rails-api/) +* [React + Flux Backed by Rails API: Part 2](http://fancypixel.github.io/blog/2015/01/29/react-plus-flux-backed-by-rails-api-part-2/) +* [React + Flux Backed by Rails API: Part 3](http://fancypixel.github.io/blog/2015/01/30/react-plus-flux-backed-by-rails-api-part-3/) +* [Introduction to Facebook's Flux architecture](http://ryanclark.me/getting-started-with-flux/) +* [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example) +* [Flux Cargo-Culting](https://medium.com/@cassiozen/flux-cargo-culting-3cae9ff27c0c) +* [The Case for Flux](https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6) +* [The Evolution of Flux Frameworks](http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31) +* [React with Flux by example - a simple Todo List dissected](http://reactkungfu.com/2015/07/react-with-flux-by-example-simple-todo-list-dissected/) + --- ### React Native @@ -693,6 +696,8 @@ A collection of awesome things regarding React ecosystem. * [baobab - JavaScript persistent and optionally immutable data tree with cursors](https://github.com/Yomguithereal/baobab) * [baobab-react - React integration for Baobab](https://github.com/Yomguithereal/baobab-react) * [datascript - Immutable database and Datalog query engine in ClojureScript](https://github.com/tonsky/datascript) +* [immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React](https://github.com/omniscientjs/immstruct) +* [seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects](https://github.com/rtfeldman/seamless-immutable) #### Development Environment * [react-devtools - React Chrome Developer Tools](https://github.com/facebook/react-devtools) From e5e0116bdd63a2ba8a3e5ac627be75820c3edbb3 Mon Sep 17 00:00:00 2001 From: Denis Stoyanov Date: Fri, 24 Jul 2015 04:03:18 +0300 Subject: [PATCH 0095/1036] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a6b5cac0..559a98de 100644 --- a/README.md +++ b/README.md @@ -355,7 +355,7 @@ A collection of awesome things regarding React ecosystem. * [The Case for Flux](https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6) * [The Evolution of Flux Frameworks](http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31) * [React with Flux by example - a simple Todo List dissected](http://reactkungfu.com/2015/07/react-with-flux-by-example-simple-todo-list-dissected/) - +* [Awesome Redux](https://github.com/xgrommx/awesome-redux) --- ### React Native From 1ee1f4394d89fe714d3531300848b6c32ec82757 Mon Sep 17 00:00:00 2001 From: Denis Stoyanov Date: Fri, 24 Jul 2015 04:09:13 +0300 Subject: [PATCH 0096/1036] Has been removed a duplicate of immstruct --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index a6b5cac0..9ae0938d 100644 --- a/README.md +++ b/README.md @@ -693,12 +693,10 @@ A collection of awesome things regarding React ecosystem. * [react-resolver - Isomorphic library to recursively lazy-load data for React components](https://github.com/ericclemmons/react-resolver) * [freezer-js - Lightweight and reactive immutable data structure for React](https://github.com/arqex/freezer) * [mobservable - Observable data structures for building reactive React apps](https://github.com/mweststrate/MOBservable) -<<<<<<< HEAD * [baobab - JavaScript persistent and optionally immutable data tree with cursors](https://github.com/Yomguithereal/baobab) * [baobab-react - React integration for Baobab](https://github.com/Yomguithereal/baobab-react) * [datascript - Immutable database and Datalog query engine in ClojureScript](https://github.com/tonsky/datascript) * [immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React](https://github.com/omniscientjs/immstruct) -* [immstruct - Immutable data structures with history for top-to-bottom properties in component based libraries like React](https://github.com/omniscientjs/immstruct) * [seamless-immutable - Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects](https://github.com/rtfeldman/seamless-immutable) #### Development Environment From 106d786c731ad058f3b3dac716fe51e37fc4a97e Mon Sep 17 00:00:00 2001 From: Eric Escalante Date: Fri, 24 Jul 2015 11:40:12 +0100 Subject: [PATCH 0097/1036] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index a6b5cac0..c96d2845 100644 --- a/README.md +++ b/README.md @@ -251,6 +251,7 @@ A collection of awesome things regarding React ecosystem. * [Serverside React Rendering: Isomorphic JavaScript with ReactJS + Node](https://reactjsnews.com/isomorphic-javascript-with-react-node/) * [Go React Serverside Rendering Eample](https://github.com/olebedev/go-react-example) * [Serverside rendering with React + Hapi](https://github.com/jedireza/hapi-react-views) +* [Isomorphic React apps in PHP via dnode](http://ericescalante.com/2015/06/07/isomorphic/) ##### Compiling React Tutorials * [Webpack Howto by Pete Hunt](https://github.com/petehunt/webpack-howto) From 27a8d9afe1d45fd85f9244e3d9787c1ef70a2447 Mon Sep 17 00:00:00 2001 From: Dmitry Zudochkin Date: Tue, 28 Jul 2015 19:22:47 +0300 Subject: [PATCH 0098/1036] Title instead of url for 'Navigating the React Ecosystem' --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b2c86c91..53c50e56 100644 --- a/README.md +++ b/README.md @@ -144,7 +144,7 @@ A collection of awesome things regarding React ecosystem. * [Complex Drag and Drop Lists using React.js](https://reactjsnews.com/complex-drag-and-drop-lists-using-react/) * [The Future of Drag and Drop APIs](https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f) * [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) -* [http://www.toptal.com/react/navigating-the-react-ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) +* [Navigating the React Ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) * [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) ##### Isomorphic Apps From f7f5f4f5345dfa8883caf80ff00aba7830d9633d Mon Sep 17 00:00:00 2001 From: MIJOTHY Date: Wed, 29 Jul 2015 10:53:52 +0100 Subject: [PATCH 0099/1036] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 53c50e56..e4b9453d 100644 --- a/README.md +++ b/README.md @@ -146,6 +146,7 @@ A collection of awesome things regarding React ecosystem. * [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) * [Navigating the React Ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) * [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) +* [How do I react? Basics + Building an app from scratch](https://github.com/foundersandcoders/begin_react_workshop) ##### Isomorphic Apps * [isomorphic-tutorial - Tutorial app to demonstrate isomorphic JavaScript concepts](https://github.com/spikebrehm/isomorphic-tutorial) @@ -357,6 +358,7 @@ A collection of awesome things regarding React ecosystem. * [The Evolution of Flux Frameworks](http://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31) * [React with Flux by example - a simple Todo List dissected](http://reactkungfu.com/2015/07/react-with-flux-by-example-simple-todo-list-dissected/) * [Awesome Redux](https://github.com/xgrommx/awesome-redux) +* [FOR FLUX SAKE! - a beginners tutorial](https://github.com/MIJOTHY/FOR_FLUX_SAKE) --- ### React Native From caff743edd7eaaf47c2bb683506df36aca812ba6 Mon Sep 17 00:00:00 2001 From: MIJOTHY Date: Wed, 29 Jul 2015 10:54:53 +0100 Subject: [PATCH 0100/1036] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e4b9453d..f934b0f5 100644 --- a/README.md +++ b/README.md @@ -146,7 +146,7 @@ A collection of awesome things regarding React ecosystem. * [Coding with React like a Game Developer](https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643) * [Navigating the React Ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) * [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) -* [How do I react? Basics + Building an app from scratch](https://github.com/foundersandcoders/begin_react_workshop) +* [How do I react? Basics & Building an app from scratch](https://github.com/foundersandcoders/begin_react_workshop) ##### Isomorphic Apps * [isomorphic-tutorial - Tutorial app to demonstrate isomorphic JavaScript concepts](https://github.com/spikebrehm/isomorphic-tutorial) From b8b415c7585d51e4811c23b61b68ffcdb69a0f59 Mon Sep 17 00:00:00 2001 From: Bo-Yi Wu Date: Fri, 31 Jul 2015 09:06:23 +0800 Subject: [PATCH 0101/1036] Add awesome badge. https://github.com/sindresorhus/awesome/issues/253 --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index f934b0f5..d1d3810d 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -### **Awesome React** +### **Awesome React** [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) A collection of awesome things regarding React ecosystem. @@ -102,7 +102,6 @@ A collection of awesome things regarding React ecosystem. * [React JSX to JS Online Compiler](https://facebook.github.io/react/jsx-compiler.html) * [React HTML to JSX Online Compiler](https://facebook.github.io/react/html-jsx.html) - #### React Tutorials ##### React General Tutorials @@ -413,7 +412,6 @@ A collection of awesome things regarding React ecosystem. * [componentkit - A React-inspired view framework for iOS](https://github.com/facebook/componentkit) * [Reapp - A UI-kit with widgets and CLI to build mobile web apps](http://reapp.io) - #### Boilerplates * [React Starter Kit - a skeleton of an "isomorphic" web application](https://github.com/kriasoft/react-starter-kit) * [react-isomorphic-starterkit - somorphic starterkit with server-side React rendering](https://github.com/RickWong/react-isomorphic-starterkit) From 1a28532adebfa92fda521adb1fbe00444643dfa0 Mon Sep 17 00:00:00 2001 From: chenjiahan <416417567@163.com> Date: Sat, 1 Aug 2015 18:00:06 +0800 Subject: [PATCH 0102/1036] Add React Chinese Documents --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f934b0f5..edabb8ac 100644 --- a/README.md +++ b/README.md @@ -147,6 +147,7 @@ A collection of awesome things regarding React ecosystem. * [Navigating the React Ecosystem](http://www.toptal.com/react/navigating-the-react-ecosystem) * [React.js Introduction For People Who Know Just Enough jQuery To Get By](http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/) * [How do I react? Basics & Building an app from scratch](https://github.com/foundersandcoders/begin_react_workshop) +* [React Chinese Documents](http://reactjs.cn/) ##### Isomorphic Apps * [isomorphic-tutorial - Tutorial app to demonstrate isomorphic JavaScript concepts](https://github.com/spikebrehm/isomorphic-tutorial) From 8b9a15bf9f0866df6f04387b7b93072388616be9 Mon Sep 17 00:00:00 2001 From: Josh Habdas Date: Sun, 2 Aug 2015 20:10:42 -0500 Subject: [PATCH 0103/1036] Adding link to additional tools for React Native --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f934b0f5..16d9ada8 100644 --- a/README.md +++ b/README.md @@ -390,6 +390,7 @@ A collection of awesome things regarding React ecosystem. ##### React Native * [Use React Native](http://www.reactnative.com/) * [React Native Components](http://react.parts) +* [Awesome React Native - Like this list, but focused on React Native](https://github.com/jondot/awesome-react-native) * [react-native-webpack-server - Build React Native apps with Webpack](https://github.com/mjohnston/react-native-webpack-server) #### Flux Implementations From 4472a26192c5030182908191be91dced8681bc1e Mon Sep 17 00:00:00 2001 From: Brandon Dail Date: Fri, 7 Aug 2015 16:43:22 -0500 Subject: [PATCH 0104/1036] Fix Subreddit stylization --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 82ead168..718ea0be 100644 --- a/README.md +++ b/README.md @@ -90,7 +90,7 @@ A collection of awesome things regarding React ecosystem. * [React Discussion Forum](https://discuss.reactjs.org/) * [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs) * [React Twitter](https://twitter.com/reactjs) -* [React SubReddit](http://www.reddit.com/r/reactjs/) +* [React Subreddit](http://www.reddit.com/r/reactjs/) * [React Loop](http://reactloop.org) * [React Podcast](http://reactpodcast.com/) From c66866de1317ddea213a8b5901d172176efe3dcc Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Sun, 9 Aug 2015 23:45:16 +0300 Subject: [PATCH 0105/1036] Add Writing a Basic API with GraphQL article --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 718ea0be..9cb95455 100644 --- a/README.md +++ b/README.md @@ -786,6 +786,7 @@ A collection of awesome things regarding React ecosystem. * [Mutations in Relay by Laney Kuenzel - Slides](https://gist.github.com/mfunkie/65e94f42fee3962b1703) * [GraphQL and g2sd](https://fistfulofbytes.com/graphql-and-g2sd) * [GraphQL Overview - Getting Started with GraphQL and Node.js](https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/) +* [Writing a Basic API with GraphQL](http://davidandsuzi.com/writing-a-basic-api-with-graphql/) ##### GraphQL Implementations * [graphql-js - A reference implementation of GraphQL for **JavaScript**](https://github.com/graphql/graphql-js) From 326f6cbeea48777eaeea97e4d6d66aa1c28751ed Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Wed, 12 Aug 2015 01:56:44 +0300 Subject: [PATCH 0106/1036] Add Relay links --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 9cb95455..04b7e230 100644 --- a/README.md +++ b/README.md @@ -67,6 +67,7 @@ A collection of awesome things regarding React ecosystem. - [GraphQL Spec](#graphql-spec) - [GraphQL Tutorials](#graphql-tutorials) - [GraphQL Implementations](#graphql-implementations) + - [Relay](#relay) - [Videos](#videos) - [Video from Confs](#video-from-confs) - [Video from React.js Conf 2015](#video-from-reactjs-conf-2015) @@ -797,6 +798,10 @@ A collection of awesome things regarding React ecosystem. * [graphql-java - GraphQL **Java** implementation](https://github.com/andimarek/graphql-java) * [sangria - **Scala** GraphQL client and server library](https://github.com/OlegIlyenko/sangria) +##### Relay +* [Relay Offical Site](https://facebook.github.io/relay/) +* [Relay GitHub](https://github.com/facebook/relay) + --- ### Videos From d3190d5b93366b38b3e7f4a7bee4217ed88b4847 Mon Sep 17 00:00:00 2001 From: Maximiliano Guzenski Date: Wed, 12 Aug 2015 07:35:37 -0300 Subject: [PATCH 0107/1036] add react easy style ... another alternative to manage css in react components --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 04b7e230..18fb2cd6 100644 --- a/README.md +++ b/README.md @@ -188,6 +188,7 @@ A collection of awesome things regarding React ecosystem. * [React Inline](https://github.com/martinandert/react-inline) * [Interoperable CSS](http://glenmaddern.com/articles/interoperable-css) * [ReactCSS](https://github.com/casesandberg/reactcss) +* [React Easy Style](https://github.com/maxguzenski/react-easy-style) ##### React Charts Tutorials * [Integrating D3.js visualizations in a React app](http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/) @@ -481,7 +482,6 @@ A collection of awesome things regarding React ecosystem. * [react-gcal-events-list - A Reusable component that pulls events from your google calendar](https://github.com/VinSpee/react-gcal-events-list) * [reactdi - Dependency injection for ReactJS components](https://github.com/hzdg/reactdi) * [qrcode.react - A component for use with React](https://github.com/zpao/qrcode.react) -* [react-qrcode - This is a React wrapper for qrcode.js](https://github.com/leesalminen/react-qrcode) * [react-swf - Shockwave Flash Player component for React](https://github.com/syranide/react-swf) * [react-unmount-listener-mixin - React mixin for listenable componentWillUnmount](https://github.com/syranide/react-unmount-listener-mixin) * [react-sortable - A sortable list component built \w React](https://github.com/danielstocks/react-sortable) From 09bad796afb6ee425ebdd8dd256c53d56688c72c Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Thu, 13 Aug 2015 23:47:46 +0300 Subject: [PATCH 0108/1036] Add Building a GraphQL Server with Node.js and SQL blogpost --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 18fb2cd6..3a2df926 100644 --- a/README.md +++ b/README.md @@ -788,6 +788,7 @@ A collection of awesome things regarding React ecosystem. * [GraphQL and g2sd](https://fistfulofbytes.com/graphql-and-g2sd) * [GraphQL Overview - Getting Started with GraphQL and Node.js](https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/) * [Writing a Basic API with GraphQL](http://davidandsuzi.com/writing-a-basic-api-with-graphql/) +* [Building a GraphQL Server with Node.js and SQL](https://www.reindex.io/blog/building-a-graphql-server-with-node-js-and-sql/) ##### GraphQL Implementations * [graphql-js - A reference implementation of GraphQL for **JavaScript**](https://github.com/graphql/graphql-js) From 6fba87ae76ce372cbcf07f70a0f3b055ed422028 Mon Sep 17 00:00:00 2001 From: Marcin Grzywaczewski Date: Fri, 14 Aug 2015 17:11:16 +0200 Subject: [PATCH 0109/1036] Added "Pros and Cons of using immutability with React.js" blogpost I'd like to ask to add my new blogpost to the list if it follows the quality standards. Thank you! --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3a2df926..d039877b 100644 --- a/README.md +++ b/README.md @@ -325,6 +325,7 @@ A collection of awesome things regarding React ecosystem. * [From Backbone To React: Our Experience Scaling a Web Application](http://www.techsonian.net/2014/09/from-backbone-to-react-our-experience-scaling-a-web-application/) * [Rebuilding HipChat with React.js](https://developer.atlassian.com/blog/2015/02/rebuilding-hipchat-with-react/) * [Boiling React Down to a Few Lines of jQuery](http://hackflow.com/blog/2015/03/08/boiling-react-down-to-few-lines-in-jquery/) +* [Pros and Cons of using immutability with React.js](http://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/) #### React Internals * [React’s diff algorithm](http://calendar.perfplanet.com/2013/diff/) From 6d7d8aa4a94c802dae1dd9f75755325af200ff98 Mon Sep 17 00:00:00 2001 From: olebedev Date: Tue, 18 Aug 2015 18:17:50 +0500 Subject: [PATCH 0110/1036] Add Golang Isomorphic Starter Kit Go react example was deprecated and was replaced by new one. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d039877b..0bac8950 100644 --- a/README.md +++ b/README.md @@ -252,7 +252,7 @@ A collection of awesome things regarding React ecosystem. * [Server-rendered React components in Rails](http://bensmithett.com/server-rendered-react-components-in-rails/) * [Server-rendered React + Flux in Rails](https://github.com/nambrot/rails-webpack-react-flux) * [Serverside React Rendering: Isomorphic JavaScript with ReactJS + Node](https://reactjsnews.com/isomorphic-javascript-with-react-node/) -* [Go React Serverside Rendering Eample](https://github.com/olebedev/go-react-example) +* [Golang Isomorphic Hot Reloadable/React/Flummox/Css-Module Starter Kit](https://github.com/olebedev/go-starter-kit) * [Serverside rendering with React + Hapi](https://github.com/jedireza/hapi-react-views) * [Isomorphic React apps in PHP via dnode](http://ericescalante.com/2015/06/07/isomorphic/) From de8da770c67dda543867aa99532c5fc55895cf34 Mon Sep 17 00:00:00 2001 From: azmenak Date: Tue, 18 Aug 2015 12:51:07 -0400 Subject: [PATCH 0111/1036] Add React Stripe Checkout --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d039877b..509c02d4 100644 --- a/README.md +++ b/README.md @@ -459,6 +459,7 @@ A collection of awesome things regarding React ecosystem. * [react-treeview - Easy, light, flexible tree view made with React](https://github.com/chenglou/react-treeview) * [react-tree-menu - A stateless tree menu component built with the Flux architecture in mind](https://github.com/MandarinConLaBarba/react-tree-menu)
 * [react-tween-state - React animation tween state](https://github.com/chenglou/react-tween-state) +* [react-stripe-checkout - Easily load Stripe Checkout as a React component](https://github.com/azmenak/react-stripe-checkout) * [react-swipe - Brad Birdsall's swipe.js, as a React component](https://github.com/jed/react-swipe) * [react-smart-time-ago - Show relative "time ago" dates](https://github.com/KyleAMathews/react-smart-time-ago) * [react-autoupdate-time - Renders a