From 193517fbc912d6119c24dc34485de921866a7217 Mon Sep 17 00:00:00 2001 From: 1000ch Date: Sat, 27 Jun 2015 13:57:54 +0900 Subject: [PATCH 001/981] 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 2537f6269c43cfb5688462c6bb10c97dfc224e2a Mon Sep 17 00:00:00 2001 From: Marvin Reimer Date: Mon, 29 Jun 2015 23:23:45 +0200 Subject: [PATCH 002/981] 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 003/981] 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 004/981] 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 005/981] 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 006/981] 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 007/981] 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 008/981] 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 009/981] 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 010/981] 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 011/981] 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 012/981] 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 013/981] 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 014/981] 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 015/981] 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 016/981] 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 017/981] 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 018/981] 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 019/981] 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 020/981] 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 021/981] 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 022/981] 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 023/981] 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 024/981] 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 025/981] 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 026/981] 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 027/981] 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 028/981] 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 029/981] 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 030/981] 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 031/981] 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 032/981] 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 033/981] 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 034/981] 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 035/981] 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 036/981] 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 037/981] 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 038/981] 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 039/981] 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 040/981] 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 041/981] 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 042/981] 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 043/981] 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 044/981] 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 045/981] 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 046/981] 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 047/981] 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 048/981] 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 049/981] 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 050/981] 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 051/981] 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 052/981] 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 053/981] 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 054/981] 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 055/981] 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 056/981] 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