Skip to content

Commit c6d3f1a

Browse files
yangshungaearon
authored andcommitted
Fix blog issues that resulted from migration (#11089)
1 parent 3b0a77d commit c6d3f1a

12 files changed

+26
-30
lines changed

_posts/2013-06-05-why-react.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ some pretty cool things with it:
8080
(including IE8) and automatically use
8181
[event delegation](http://davidwalsh.name/event-delegate).
8282

83-
Head on over to [facebook.github.io/react](/react) to check out what we have
83+
Head on over to https://reactjs.org to check out what we have
8484
built. Our documentation is geared towards building apps with the framework,
8585
but if you are interested in the nuts and bolts
8686
[get in touch](/support.html) with us!

_posts/2013-08-05-community-roundup-6.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,6 @@ este.demos.react.todoApp = este.react.create (`/** @lends {React.ReactComponent.
7474
> I'm the author of "[Land of Lisp](http://landoflisp.com/)" and I love your framework. I built a somewhat similar framework a year ago [WebFUI](https://github.com/drcode/webfui) aimed at ClojureScript. My framework also uses global event delegates, a global "render" function, DOM reconciliation, etc just like react.js. (Of course these ideas all have been floating around the ether for ages, always great to see more people building on them.)
7575
>
7676
> Your implementation is more robust, and so I think the next point release of webfui will simply delegate all the "hard work" to react.js and will only focus on the areas where it adds value (enabling purely functional UI programming in clojurescript, and some other stuff related to streamlining event handling)
77-
<figure><a href="https://groups.google.com/forum/#!msg/reactjs/e3bYersyd64/qODfcuBR9LwJ"><img src="../img/blog/landoflisp.png"></a></figure>
77+
> <figure><a href="https://groups.google.com/forum/#!msg/reactjs/e3bYersyd64/qODfcuBR9LwJ"><img src="../img/blog/landoflisp.png"></a></figure>
7878
>
7979
> [Read the full post...](https://groups.google.com/forum/#!msg/reactjs/e3bYersyd64/qODfcuBR9LwJ)

_posts/2013-12-23-community-roundup-12.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Managing the scroll position when new content is inserted is usually very tricky
2626

2727
> We can check the scroll position before the component has updated with componentWillUpdate and scroll if necessary at componentDidUpdate
2828
>
29-
> ```
29+
> ```js
3030
> componentWillUpdate: function() {
3131
> var node = this.getDOMNode();
3232
> this.shouldScrollBottom =

_posts/2014-01-06-community-roundup-14.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -30,13 +30,13 @@ React is only one-piece of your web application stack. [Mark Lussier](https://gi
3030

3131
[Selem Delul](http://selem.im) bundled the [React Tutorial](/tutorial/tutorial.html) into a rails app. This is a good example on how to get started with a rails project.
3232

33+
> ```sh
34+
> git clone https://github.com/necrodome/react-rails-tutorial
35+
> cd react-rails-tutorial
36+
> bundle install
37+
> rake db:migrate
38+
> rails s
3339
> ```
34-
git clone https://github.com/necrodome/react-rails-tutorial
35-
cd react-rails-tutorial
36-
bundle install
37-
rake db:migrate
38-
rails s
39-
```
4040
> Then visit http://localhost:3000/app to see the React application that is explained in the React Tutorial. Try opening multiple tabs!
4141
>
4242
> [View on GitHub...](https://github.com/necrodome/react-rails-tutorial)

_posts/2014-02-15-community-roundup-16.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,14 +27,15 @@ While we're talking about tree diffing: Matt Esch ([@MatthewEsch](https://twitte
2727

2828

2929
James Padosley wrote a short post on the basics (and merits) of React: [What is React?](http://james.padolsey.com/javascript/what-is-react/)
30-
> What I like most about React is that it doesn't impose heady design patterns and data-modelling abstractions on me. [...] Its opinions are so minimal and its abstractions so focused on the problem of the DOM, that you can merrily slap your design choices atop.
3130

31+
> What I like most about React is that it doesn't impose heady design patterns and data-modelling abstractions on me. [...] Its opinions are so minimal and its abstractions so focused on the problem of the DOM, that you can merrily slap your design choices atop.
32+
>
3233
> [Read the full post...](http://james.padolsey.com/javascript/what-is-react/)
3334
3435
Taylor Lapeyre ([@taylorlapeyre](https://twitter.com/taylorlapeyre)) wrote another nice [introduction to React](http://words.taylorlapeyre.me/an-introduction-to-react).
3536

3637
> React expects you to do the work of getting and pushing data from the server. This makes it very easy to implement React as a front end solution, since it simply expects you to hand it data. React does all the other work.
37-
38+
>
3839
> [Read the full post...](http://words.taylorlapeyre.me/an-introduction-to-react)
3940
4041

_posts/2014-02-24-community-roundup-17.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ Dmitry Chestnykh [@dchest](https://twitter.com/dchest) wrote a [static search in
7474
[Martin Andert](https://github.com/martinandert) created [react-lorem-component](https://github.com/martinandert/react-lorem-component), a simple component for all your placeholding needs.
7575

7676
### Input with placeholder shim
77-
[react-input=placeholder](https://github.com/enigma-io/react-input-placeholder) by [enigma-io](https://github.com/enigma-io) is a small wrapper around React.DOM.input that shims in placeholder functionality for browsers that don't natively support it.
77+
[react-input-placeholder](https://github.com/enigma-io/react-input-placeholder) by [enigma-io](https://github.com/enigma-io) is a small wrapper around React.DOM.input that shims in placeholder functionality for browsers that don't natively support it.
7878

7979
### diContainer
8080

_posts/2014-03-14-community-roundup-18.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ Jonathan Krause ([@jonykrause](https://twitter.com/jonykrause)) offers his thoug
8686
[Peter Hausel](http://pk11.kinja.com/) shows how to build a Wikipedia auto-complete demo based on immutable data structures (similar to [mori](https://npmjs.org/package/mori)), really taking advantage of the framework's one-way reactive data binding:
8787

8888
> Its truly reactive design makes DOM updates finally sane and when combined with persistent data structures one can experience JavaScript development like it was never done before.
89-
89+
>
9090
> [Read the full post](http://tech.kinja.com/immutable-react-1495205675)
9191
9292

_posts/2014-10-17-community-roundup-23.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -130,14 +130,13 @@ undo: function() {
130130

131131
[DeLorean](https://github.com/deloreanjs/delorean) is a tiny Flux pattern implementation developed by [Fatih Kadir Akin](https://github.com/f).
132132

133-
>
134-
- Unidirectional data flow, it makes your app logic simpler than MVC
135-
- Automatically listens to data changes and keeps your data updated
136-
- Makes data more consistent across your whole application
137-
- It's framework agnostic, completely. There's no view framework dependency
138-
- Very small, just 4K gzipped
139-
- Built-in React.js integration, easy to use with Flight.js and Ractive.js and probably all others
140-
- Improve your UI/data consistency using rollbacks
133+
> - Unidirectional data flow, it makes your app logic simpler than MVC
134+
> - Automatically listens to data changes and keeps your data updated
135+
> - Makes data more consistent across your whole application
136+
> - It's framework agnostic, completely. There's no view framework dependency
137+
> - Very small, just 4K gzipped
138+
> - Built-in React.js integration, easy to use with Flight.js and Ractive.js and probably all others
139+
> - Improve your UI/data consistency using rollbacks
141140
142141

143142
## Facebook's iOS Infrastructure

_posts/2015-03-16-react-v0.13.1.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ We've also published version `0.13.1` of the `react` and `react-tools` packages
3333

3434
### React with Add-Ons
3535

36-
### Bug Fixes
36+
#### Bug Fixes
3737

3838
* TestUtils: Don't warn about `getDOMNode` for ES6 classes
3939
* TestUtils: Ensure wrapped full page components (`<html>`, `<head>`, `<body>`) are treated as DOM components

_posts/2015-09-14-community-roundup-27.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,6 @@ Interact with this [visual tour of Relay's architecture](http://sgwilym.github.i
4848

4949
Sam has already launched a product that leverages Relay's data-fetching, optimistic responses, pagination, and mutations &ndash; all atop a Ruby GraphQL server: [new.comique.co](http://new.comique.co/)
5050

51-
## Prototyping in the browser
52-
53-
I ([steveluscher](https://github.com/steveluscher)) whipped up [a prototyping tool](https://facebook.github.io/relay/prototyping/playground.html) that you can use to hack on a schema and a React/Relay app, from the comfort of your browser. Thanks to Jimmy Jia ([taion](https://github.com/taion)) for supplying the local-only network layer, [relay-local-schema](https://github.com/relay-tools/relay-local-schema).
54-
5551
## Skeletons in the closet
5652

5753
Joseph Rollins ([fortruce](https://github.com/fortruce)) created a hot-reloading, auto schema-regenerating, [Relay skeleton](https://github.com/fortruce/relay-skeleton) that you can use to get up and running quickly.
@@ -60,7 +56,7 @@ Michael Hart ([mhart](https://mhart)) built a [simple-relay-starter](https://git
6056

6157
## Routing around
6258

63-
Jimmy Jia ([taion](https://github.com/taion)) and Gerald Monaco ([devknoll](https://github.com/devknoll)) have been helping lost URLs find their way to Relay apps through their work on [react-router-relay](https://github.com/relay-tools/react-router-relay). Check out Christoph Pojer's ([cpojer](https://github.com/cpojer)) [blog post](https://medium.com/@cpojer/relay-and-routing-36b5439bad9) on the topic. Jimmy completed the Relay TodoMVC example with routing, which you can check out at [taion/relay-todomvc](https://github.com/taion/relay-todomvc).
59+
Jimmy Jia ([taion](https://github.com/taion)) and Gerald Monaco ([devknoll](https://github.com/devknoll)) have been helping lost URLs find their way to Relay apps through their work on [react-router-relay](https://github.com/relay-tools/react-router-relay). Check out Christoph Nakazawa's ([cpojer](https://github.com/cpojer)) [blog post](https://medium.com/@cpojer/relay-and-routing-36b5439bad9) on the topic. Jimmy completed the Relay TodoMVC example with routing, which you can check out at [taion/relay-todomvc](https://github.com/taion/relay-todomvc).
6460

6561
Chen Hung-Tu ([transedward](https://github.com/transedward)) built a chat app atop the above mentioned router, with threaded conversations and pagination. Check it out at [transedward/relay-chat](https://github.com/transedward/relay-chat).
6662

_posts/2015-12-16-ismounted-antipattern.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ The primary use case for `isMounted()` is to avoid calling `setState()` after a
1010
To avoid the error message, people often add lines like this:
1111

1212
```js
13-
if(this.isMounted()) { // This is bad.
13+
if (this.isMounted()) { // This is bad.
1414
this.setState({...});
1515
}
1616
```

_posts/2016-09-28-our-first-50000-stars.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -172,8 +172,8 @@ Adam made a very insightful comment, which is now the default way we write lists
172172
> I think we should just treat arrays of elements as a frag. This is useful for constructs like:
173173
>
174174
> ```js
175-
<ul>{foo.map(function(i) { return <li>{i.data}</li>; })}</ul>
176-
```
175+
> <ul>{foo.map(function(i) { return <li>{i.data}</li>; })}</ul>
176+
> ```
177177
>
178178
> In this case the ul(..) will get a childList with a single child, which is itself a list.
179179

0 commit comments

Comments
 (0)