Fix blog issues that resulted from migration (#11089)
Yangshun Tay committed
Oct 5, 2017 at 02:35 UTC
2b0ef3c1bb385cdbcf4780267d8bdafca17f23c7
13 files changed
+28
-31
docs/_posts/2013-06-05-why-react.md
+1
-1
@@ -80,7 +80,7 @@ some pretty cool things with it:
80
(including IE8) and automatically use
81
[event delegation](http://davidwalsh.name/event-delegate).
82
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
84
built. Our documentation is geared towards building apps with the framework,
85
but if you are interested in the nuts and bolts
86
[get in touch](/support.html) with us!
docs/_posts/2013-08-05-community-roundup-6.md
+1
-1
@@ -74,6 +74,6 @@ este.demos.react.todoApp = este.react.create (`/** @lends {React.ReactComponent.
74
> 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.)
75
>
76
> 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>
78
>
79
> [Read the full post...](https://groups.google.com/forum/#!msg/reactjs/e3bYersyd64/qODfcuBR9LwJ)
docs/_posts/2013-12-23-community-roundup-12.md
+1
-1
@@ -26,7 +26,7 @@ Managing the scroll position when new content is inserted is usually very tricky
26
27
> We can check the scroll position before the component has updated with componentWillUpdate and scroll if necessary at componentDidUpdate
28
>
29
-> ```
29
+> ```js
30
> componentWillUpdate: function() {
31
> var node = this.getDOMNode();
32
> this.shouldScrollBottom =
docs/_posts/2014-01-06-community-roundup-14.md
+6
-6
@@ -30,13 +30,13 @@ React is only one-piece of your web application stack. [Mark Lussier](https://gi
30
31
[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.
32
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
39
> ```
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
-```
40
> Then visit http://localhost:3000/app to see the React application that is explained in the React Tutorial. Try opening multiple tabs!
41
>
42
> [View on GitHub...](https://github.com/necrodome/react-rails-tutorial)
docs/_posts/2014-02-15-community-roundup-16.md
+3
-2
@@ -27,14 +27,15 @@ While we're talking about tree diffing: Matt Esch ([@MatthewEsch](https://twitte
27
28
29
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.
30
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
+>
33
> [Read the full post...](http://james.padolsey.com/javascript/what-is-react/)
34
35
Taylor Lapeyre ([@taylorlapeyre](https://twitter.com/taylorlapeyre)) wrote another nice [introduction to React](http://words.taylorlapeyre.me/an-introduction-to-react).
36
37
> 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
+>
39
> [Read the full post...](http://words.taylorlapeyre.me/an-introduction-to-react)
40
41
docs/_posts/2014-02-24-community-roundup-17.md
+1
-1
@@ -74,7 +74,7 @@ Dmitry Chestnykh [@dchest](https://twitter.com/dchest) wrote a [static search in
74
[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.
75
76
### 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.
78
79
### diContainer
80
docs/_posts/2014-03-14-community-roundup-18.md
+1
-1
@@ -86,7 +86,7 @@ Jonathan Krause ([@jonykrause](https://twitter.com/jonykrause)) offers his thoug
86
[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:
87
88
> 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
+>
90
> [Read the full post](http://tech.kinja.com/immutable-react-1495205675)
91
92
docs/_posts/2014-10-17-community-roundup-23.md
+7
-8
@@ -130,14 +130,13 @@ undo: function() {
130
131
[DeLorean](https://github.com/deloreanjs/delorean) is a tiny Flux pattern implementation developed by [Fatih Kadir Akin](https://github.com/f).
132
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
140
141
142
## Facebook's iOS Infrastructure
docs/_posts/2015-03-16-react-v0.13.1.md
+1
-1
@@ -33,7 +33,7 @@ We've also published version `0.13.1` of the `react` and `react-tools` packages
33
34
### React with Add-Ons
35
36
-### Bug Fixes
36
+#### Bug Fixes
37
38
* TestUtils: Don't warn about `getDOMNode` for ES6 classes
39
* TestUtils: Ensure wrapped full page components (`<html>`, `<head>`, `<body>`) are treated as DOM components
docs/_posts/2015-09-14-community-roundup-27.md
+1
-5
@@ -48,10 +48,6 @@ Interact with this [visual tour of Relay's architecture](http://sgwilym.github.i
48
49
Sam has already launched a product that leverages Relay's data-fetching, optimistic responses, pagination, and mutations – all atop a Ruby GraphQL server: [new.comique.co](http://new.comique.co/)
50
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
-
51
## Skeletons in the closet
52
53
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
56
57
## Routing around
58
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).
60
61
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).
62
docs/_posts/2015-12-16-ismounted-antipattern.md
+1
-1
@@ -10,7 +10,7 @@ The primary use case for `isMounted()` is to avoid calling `setState()` after a
10
To avoid the error message, people often add lines like this:
11
12
```js
13
-if(this.isMounted()) { // This is bad.
13
+if (this.isMounted()) { // This is bad.
14
this.setState({...});
15
}
16
```
docs/_posts/2016-09-28-our-first-50000-stars.md
+2
-2
@@ -172,8 +172,8 @@ Adam made a very insightful comment, which is now the default way we write lists
172
> I think we should just treat arrays of elements as a frag. This is useful for constructs like:
173
>
174
> ```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
+> ```
177
>
178
> In this case the ul(..) will get a childList with a single child, which is itself a list.
179
www/src/theme.js
+2
-1
@@ -184,6 +184,7 @@ const sharedStyles = {
184
marginTop: 25,
185
marginLeft: -30,
186
marginRight: -30,
187
+ marginBottom: 25,
188
paddingLeft: 15,
189
paddingRight: 15,
190
@@ -237,7 +238,7 @@ const sharedStyles = {
238
'& p > code, & li > code': {
239
background: hex2rgba(colors.note, 0.3),
240
padding: '0 3px',
240
- fontSize: 16,
241
+ fontSize: 'inherit',
242
color: colors.text,
243
wordBreak: 'break-word',
244
},