Skip to content

Commit e469454

Browse files
authored
Merge pull request #160 from fatosmorina/fix_typos
Fix a few typos and add a few suggestions
2 parents 71bc3d9 + 64d4936 commit e469454

File tree

4 files changed

+9
-9
lines changed

4 files changed

+9
-9
lines changed

content/blog/2015-03-30-community-roundup-26.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ Jay Garcia spent a lot of time during the beta working on a NES music player wit
6767

6868
## React Native with Babel and webpack
6969

70-
React Native ships with a custom packager and custom ES6 transforms instead of using what the open source community settled on such as webpack and Babel. The main reason for this is performance – we couldn't get those tools to have sub-second reload time on a large codebase.
70+
React Native ships with a custom packager and custom ES6 transforms instead of using what the open source community settled on such as [webpack](https://webpack.js.org/) and [Babel](https://babeljs.io/). The main reason for this is performance – we couldn't get those tools to have sub-second reload time on a large codebase.
7171

7272
Roman Liutikov found a way to [use webpack and Babel to run on React Native](https://github.com/roman01la/react-native-babel)! In the future, we want to work with those projects to provide cleaner extension mechanisms.
7373

content/docs/installation.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ cd my-app
4040
npm start
4141
```
4242

43-
Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. It uses build tools like Babel and webpack under the hood, but works with zero configuration.
43+
Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. It uses build tools like [Babel](http://babeljs.io/) and [webpack](https://webpack.js.org/) under the hood, but works with zero configuration.
4444

4545
When you're ready to deploy to production, running `npm run build` will create an optimized build of your app in the `build` folder. You can learn more about Create React App [from its README](https://github.com/facebookincubator/create-react-app#create-react-app-) and the [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents).
4646

@@ -88,7 +88,7 @@ The [Babel setup instructions](https://babeljs.io/docs/setup/) explain how to co
8888

8989
### Hello World with ES6 and JSX
9090

91-
We recommend using a bundler like [webpack](https://webpack.js.org/) or [Browserify](http://browserify.org/) so you can write modular code and bundle it together into small packages to optimize load time.
91+
We recommend using a bundler like [webpack](https://webpack.js.org/) or [Browserify](http://browserify.org/), so you can write modular code and bundle it together into small packages to optimize load time.
9292

9393
The smallest React example looks like this:
9494

@@ -102,7 +102,7 @@ ReactDOM.render(
102102
);
103103
```
104104

105-
This code renders into a DOM element with the id of `root` so you need `<div id="root"></div>` somewhere in your HTML file.
105+
This code renders into a DOM element with the id of `root`, so you need `<div id="root"></div>` somewhere in your HTML file.
106106

107107
Similarly, you can render a React component inside a DOM element somewhere inside your existing app written with any other JavaScript UI library.
108108

content/docs/reference-react.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ See [Using React without JSX](/docs/react-without-jsx.html) for more information
5050

5151
### `React.Component`
5252

53-
`React.Component` is the base class for React components when they are defined using [ES6 classes](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes).
53+
`React.Component` is the base class for React components when they are defined using [ES6 classes](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes):
5454

5555
```javascript
5656
class Greeting extends React.Component {
@@ -66,7 +66,7 @@ See the [React.Component API Reference](/docs/react-component.html) for a list o
6666

6767
### `React.PureComponent`
6868

69-
`React.PureComponent` is exactly like [`React.Component`](#reactcomponent) but implements [`shouldComponentUpdate()`](/docs/react-component.html#shouldcomponentupdate) with a shallow prop and state comparison.
69+
`React.PureComponent` is exactly like [`React.Component`](#reactcomponent), but implements [`shouldComponentUpdate()`](/docs/react-component.html#shouldcomponentupdate) with a shallow prop and state comparison.
7070

7171
If your React component's `render()` function renders the same result given the same props and state, you can use `React.PureComponent` for a performance boost in some cases.
7272

content/tutorial/tutorial.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -524,7 +524,7 @@ While we're cleaning up the code, we also changed `onClick={() => props.onClick(
524524
525525
An obvious defect in our game is that only X can play. Let's fix that.
526526
527-
Let's default the first move to be by 'X'. Modify our starting state in our Board constructor.
527+
Let's default the first move to be by 'X'. Modify our starting state in our Board constructor:
528528
529529
```javascript{6}
530530
class Board extends React.Component {
@@ -537,7 +537,7 @@ class Board extends React.Component {
537537
}
538538
```
539539
540-
Each time we move we shall toggle `xIsNext` by flipping the boolean value and saving the state. Now update Board's `handleClick` function to flip the value of `xIsNext`.
540+
Each time we move we shall toggle `xIsNext` by flipping the boolean value and saving the state. Now update Board's `handleClick` function to flip the value of `xIsNext`:
541541
542542
```javascript{3,6}
543543
handleClick(i) {
@@ -550,7 +550,7 @@ Each time we move we shall toggle `xIsNext` by flipping the boolean value and sa
550550
}
551551
```
552552
553-
Now X and O take turns. Next, change the "status" text in Board's `render` so that it also displays who is next.
553+
Now X and O take turns. Next, change the "status" text in Board's `render` so that it also displays who is next:
554554
555555
```javascript{2}
556556
render() {

0 commit comments

Comments
 (0)