From 34b99cc69ecccf661ab31430eb3fd305ee604944 Mon Sep 17 00:00:00 2001 From: Jim Date: Thu, 30 Apr 2015 13:05:53 -0700 Subject: [PATCH] Fixed jsfiddles broken from https conversion. Fixes 3735 --- docs/_posts/2013-09-24-community-roundup-8.md | 2 +- docs/_posts/2013-11-05-thinking-in-react.md | 6 +++--- docs/_posts/2013-12-23-community-roundup-12.md | 2 -- docs/_posts/2014-01-06-community-roundup-14.md | 5 ++--- 4 files changed, 6 insertions(+), 9 deletions(-) diff --git a/docs/_posts/2013-09-24-community-roundup-8.md b/docs/_posts/2013-09-24-community-roundup-8.md index 26102019ed..e4725725b8 100644 --- a/docs/_posts/2013-09-24-community-roundup-8.md +++ b/docs/_posts/2013-09-24-community-roundup-8.md @@ -66,4 +66,4 @@ While this is not going to work for all the attributes since they are camelCased [Vjeux](http://blog.vjeux.com/) re-implemented the display part of the IRC logger in React. Just 130 lines are needed for a performant infinite scroll with timestamps and color-coded author names. - +[View the source on JSFiddle...](http://jsfiddle.net/vjeux/QL9tz) diff --git a/docs/_posts/2013-11-05-thinking-in-react.md b/docs/_posts/2013-11-05-thinking-in-react.md index 6c88baf022..e7b8d11337 100644 --- a/docs/_posts/2013-11-05-thinking-in-react.md +++ b/docs/_posts/2013-11-05-thinking-in-react.md @@ -56,7 +56,7 @@ Now that we've identified the components in our mock, let's arrange them into a ## Step 2: Build a static version in React - + Now that you have your component hierarchy it's time to start implementing your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's easiest to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why. @@ -100,7 +100,7 @@ So finally, our state is: ## Step 4: Identify where your state should live - + OK, so we've identified what the minimal set of app state is. Next we need to identify which component mutates, or *owns*, this state. @@ -125,7 +125,7 @@ You can start seeing how your application will behave: set `filterText` to `"bal ## Step 5: Add inverse data flow - + So far we've built an app that renders correctly as a function of props and state flowing down the hierarchy. Now it's time to support data flowing the other way: the form components deep in the hierarchy need to update the state in `FilterableProductTable`. diff --git a/docs/_posts/2013-12-23-community-roundup-12.md b/docs/_posts/2013-12-23-community-roundup-12.md index d29b31e88d..befe689925 100644 --- a/docs/_posts/2013-12-23-community-roundup-12.md +++ b/docs/_posts/2013-12-23-community-roundup-12.md @@ -63,8 +63,6 @@ React declarative approach is well suited to write games. [Cheng Lou](https://gi [Ross Allen](https://twitter.com/ssorallen) implemented [MontageJS](http://montagejs.org/)'s [Reddit tutorial](http://montagejs.org/docs/tutorial-reddit-client-with-montagejs.html) in React. This is a good opportunity to compare the philosophies of the two libraries. - - [View the source on JSFiddle...](https://jsfiddle.net/ssorallen/fEsYt/) ## Writing Good React Components diff --git a/docs/_posts/2014-01-06-community-roundup-14.md b/docs/_posts/2014-01-06-community-roundup-14.md index f48910d1c7..f97a3099a6 100644 --- a/docs/_posts/2014-01-06-community-roundup-14.md +++ b/docs/_posts/2014-01-06-community-roundup-14.md @@ -45,7 +45,7 @@ rails s [Eldar Djafarov](http://eldar.djafarov.com/) implemented a mixin to link Backbone models to React state and a small abstraction to write two-way binding on-top. - +[View code on JSFiddle](http://jsfiddle.net/djkojb/qZf48/13/) [Check out the blog post...](http://eldar.djafarov.com/2013/11/reactjs-mixing-with-backbone/) @@ -71,8 +71,7 @@ rails s [Thomas Aylott](http://subtlegradient.com/) implemented an API that looks like Web Components but using React underneath. - - +[View the source on JSFiddle...](http://jsfiddle.net/SubtleGradient/ue2Aa) ## React vs Angular