From 9f865a1a69f03ddcb0114fc4e165453a140baa92 Mon Sep 17 00:00:00 2001 From: Nick Raienko Date: Tue, 21 Jul 2015 21:00:29 +0300 Subject: [PATCH 001/952] 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 002/952] 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 003/952] 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 004/952] 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 005/952] 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 006/952] 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 007/952] 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 008/952] 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 009/952] 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 010/952] 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 011/952] 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 012/952] 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 013/952] 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 014/952] 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 015/952] 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 016/952] 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 017/952] 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 018/952] 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 019/952] 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 020/952] 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 021/952] 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 022/952] 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 023/952] 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 024/952] 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 025/952] 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 026/952] 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 027/952] 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