Skip to content

Commit 44df511

Browse files
merging all conflicts
2 parents f0b2a43 + 6333246 commit 44df511

113 files changed

Lines changed: 287 additions & 169 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

content/blog/2013-10-16-react-v0.5.0.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ It's been awesome to see the things that people are building with React, and we
3434
* Added `React.version`.
3535
* Added `React.isValidClass` - Used to determine if a value is a valid component constructor.
3636
* Removed `React.autoBind` - This was deprecated in v0.4 and now properly removed.
37-
* Renamed `React.unmountAndReleaseReactRootNode` to `React.unmountComponentAtNode`.
37+
* Renamed `React.unmountAndReleaseReactRootNode` to `React.unmountComponentAtNode`.
3838
* Began laying down work for refined performance analysis.
3939
* Better support for server-side rendering - [react-page](https://github.com/facebook/react-page) has helped improve the stability for server-side rendering.
4040
* Made it possible to use React in environments enforcing a strict [Content Security Policy](https://developer.mozilla.org/en-US/docs/Security/CSP/Introducing_Content_Security_Policy). This also makes it possible to use React to build Chrome extensions.

content/blog/2016-07-13-mixins-considered-harmful.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -607,7 +607,7 @@ var Button = React.createClass({
607607

608608
Sometimes people use mixins to selectively add logging to lifecycle methods in some components. In the future, we intend to provide an [official DevTools API](https://github.com/facebook/react/issues/5306) that would let you implement something similar without touching the components. However it’s still very much a work in progress. If you heavily depend on logging mixins for debugging, you might want to keep using those mixins for a little longer.
609609

610-
If you can’t accomplish something with a component, a higher-order component, or a utility module, it could be mean that React should provide this out of the box. [File an issue](https://github.com/facebook/react/issues/new) to tell us about your use case for mixins, and we’ll help you consider alternatives or perhaps implement your feature request.
610+
If you can’t accomplish something with a component, a higher-order component, or a utility module, it could mean that React should provide this out of the box. [File an issue](https://github.com/facebook/react/issues/new) to tell us about your use case for mixins, and we’ll help you consider alternatives or perhaps implement your feature request.
611611

612612
Mixins are not deprecated in the traditional sense. You can keep using them with `React.createClass()`, as we won’t be changing it further. Eventually, as ES6 classes gain more adoption and their usability problems in React are solved, we might split `React.createClass()` into a separate package because most people wouldn’t need it. Even in that case, your old mixins would keep working.
613613

content/blog/2019-08-15-new-react-devtools.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,8 @@ It also offers full support for React Hooks, including inspecting nested objects
2323
* `16.x`: Supported
2424

2525
**`react-native`**
26-
* `0`-`0.61`: Not supported
27-
* `0.62`: Will be supported (when 0.62 is released)
26+
* `0`-`0.61.x`: Not supported
27+
* `0.62`: Supported
2828

2929
## How do I get the new DevTools? {#how-do-i-get-the-new-devtools}
3030

content/blog/2020-02-26-react-v16.13.0.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -204,6 +204,6 @@ Refer to the documentation for [detailed installation instructions](/docs/instal
204204
- Adjust `SuspenseList` CPU bound heuristic ([@sebmarkbage](https://github.com/sebmarkbage) in [#17455](https://github.com/facebook/react/pull/17455))
205205
- Add missing event plugin priorities ([@trueadm](https://github.com/trueadm) in [#17914](https://github.com/facebook/react/pull/17914))
206206
- Fix `isPending` only being true when transitioning from inside an input event ([@acdlite](https://github.com/acdlite) in [#17382](https://github.com/facebook/react/pull/17382))
207-
- Fix `React.memo` components dropping updates when interrupted by a higher priority update ([@acdlite](<(https://github.com/acdlite)>) in [#18091](https://github.com/facebook/react/pull/18091))
207+
- Fix `React.memo` components dropping updates when interrupted by a higher priority update ([@acdlite](https://github.com/acdlite) in [#18091](https://github.com/facebook/react/pull/18091))
208208
- Don't warn when suspending at the wrong priority ([@gaearon](https://github.com/gaearon) in [#17971](https://github.com/facebook/react/pull/17971))
209209
- Fix a bug with rebasing updates ([@acdlite](https://github.com/acdlite) and [@sebmarkbage](https://github.com/sebmarkbage) in [#17560](https://github.com/facebook/react/pull/17560), [#17510](https://github.com/facebook/react/pull/17510), [#17483](https://github.com/facebook/react/pull/17483), [#17480](https://github.com/facebook/react/pull/17480))

content/community/meetups.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
8080

8181
## India {#india}
8282
* [Bangalore](https://www.meetup.com/ReactJS-Bangalore/)
83+
* [Bangalore](https://www.meetup.com/React-Native-Bangalore-Meetup)
8384
* [Chandigarh](https://www.meetup.com/Chandigarh-React-Developers/)
8485
* [Chennai](https://www.meetup.com/React-Chennai/)
8586
* [Delhi NCR](https://www.meetup.com/React-Delhi-NCR/)

content/community/team.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -38,14 +38,6 @@ Brian studied art in college and did programming on the side to pay for his educ
3838

3939
Dan got into programming after he accidentally discovered Visual Basic inside Microsoft PowerPoint. He has found his true calling in turning [Sebastian](#sebastian-markbage)'s tweets into long-form blog posts. Dan occasionally wins at Fortnite by hiding in a bush until the game ends.
4040

41-
### Dominic Gannaway {#dominic-gannaway}
42-
43-
![Dominic](../images/team/trueadm.jpg)
44-
45-
[@trueadm on GitHub](https://github.com/trueadm) &middot; [@trueadm on Twitter](https://twitter.com/trueadm)
46-
47-
Dominic is interested in travelling, drum and bass, stand-up comedy and spending time with the family. He most enjoys hacking on new unexplored ideas around UIs and accessibility and has a passion for tweaking and optimizing code to get the most performance out of things.
48-
4941
### Luna Ruan {#luna-ruan}
5042

5143
![Luna](../images/team/lunaruan.jpg)
@@ -62,6 +54,14 @@ Luna learned programming because she thought it meant creating video games. Inst
6254

6355
Rachel wrote a [book about UI animation](https://abookapart.com/products/animation-at-work) once and worked with MDN and the W3C on the web animations API. Now she is busy with education materials and community engineering on the React team. Secretly, she is an award-winning cartoonist for teenage girls. Catch her making fancy tea with lukewarm water in the microkitchen.
6456

57+
### Rick Hanlon {#rick-hanlon}
58+
59+
![Ricky](../images/team/rickhanlonii.jpg)
60+
61+
[@rickhanlonii on GitHub](https://github.com/rickhanlonii) &middot; [@rickhanlonii on Twitter](https://twitter.com/rickhanlonii)
62+
63+
Ricky majored in theoretical math and somehow found himself on the React Native team for a couple years before joining the React team. When he's not programming you can find him snowboarding, biking, climbing, golfing, or closing GitHub issues that do not match the issue template.
64+
6565
### Sebastian Markbåge {#sebastian-markbage}
6666

6767
![Sebastian](../images/team/sebmarkbage.jpg)
@@ -70,13 +70,11 @@ Rachel wrote a [book about UI animation](https://abookapart.com/products/animati
7070

7171
Sebastian majored in psychology. He's usually quiet. Even when he says something, it often doesn't make sense to the rest of us until a few months later. The correct way to pronounce his surname is "mark-boa-geh" but he settled for "mark-beige" out of pragmatism -- and that's how he approaches React.
7272

73-
### Yuzhi Zheng {#yuzhi-zheng}
74-
75-
![Yuzhi](../images/team/yuzhi.jpg)
73+
### Seth Webster {#seth-webster}
7674

77-
[@yuzhi on GitHub](https://github.com/yuzhi) &middot; [@yuzhiz on Twitter](https://twitter.com/yuzhiz)
75+
![Seth](../images/team/sethwebster.jpg)
7876

79-
Yuzhi studied Computer Science in school. She liked the instant gratification of seeing code come to life without having to physically be in a laboratory. Now she manages the React team. Before management, she used to work on the Relay data fetching framework. In her spare time, Yuzhi enjoys optimizing her life via gardening and home improvement projects.
77+
Seth started programming as a kid growing up in Tucson, AZ. After school, he was bitten by the music bug and was a touring musician for about 10 years before returning to *work*, starting with Intuit. In his spare time, he loves [taking pictures](https://www.sethwebster.com) and flying for animal rescues in the northeastern United States.
8078

8179
## Acknowledgements {#acknowledgements}
8280

@@ -93,6 +91,7 @@ React was originally created by [Jordan Walke](https://github.com/jordwalke). To
9391
* [Christoph Nakazawa](https://github.com/cpojer)
9492
* [Christopher Chedeau](https://github.com/vjeux)
9593
* [Clement Hoang](https://github.com/clemmy)
94+
* [Dominic Gannaway](https://github.com/trueadm)
9695
* [Flarnie Marchan](https://github.com/flarnie)
9796
* [Jason Quense](https://github.com/jquense)
9897
* [Jesse Beach](https://github.com/jessebeach)
@@ -114,6 +113,7 @@ React was originally created by [Jordan Walke](https://github.com/jordwalke). To
114113
* [Sophie Alpert](https://github.com/sophiebits)
115114
* [Sunil Pai](https://github.com/threepointone)
116115
* [Tim Yung](https://github.com/yungsters)
116+
* [Yuzhi Zheng](https://github.com/yuzhi)
117117

118118
This list is not exhaustive.
119119

content/docs/code-splitting.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,13 @@ console.log(add(16, 26)); // 42
4545
>
4646
> Наприкінці ваші бандли будуть значно відрізнятися від наведених прикладів.
4747
48+
<<<<<<< HEAD
4849
Якщо ви використовуєте [Create React App](https://github.com/facebookincubator/create-react-app), [Next.js](https://github.com/zeit/next.js/), [Gatsby](https://www.gatsbyjs.org/) чи подібний інструмент, ви матимете налаштування Webpack за замовчуванням для бандлінгу вашого
4950
додатку.
51+
=======
52+
If you're using [Create React App](https://create-react-app.dev/), [Next.js](https://nextjs.org/), [Gatsby](https://www.gatsbyjs.org/), or a similar tool, you will have a Webpack setup out of the box to bundle your
53+
app.
54+
>>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
5055
5156
Якщо ви не використовуєте нічого з наведеного чи подібного, вам доведеться налаштовувати бандлінг самостійно. Для прикладів ознайомтеся зі
5257
[Встановленням](https://webpack.js.org/guides/installation/) та

content/docs/codebase-overview.md

Lines changed: 4 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -35,33 +35,11 @@ For example, a test for [`setInnerHTML.js`](https://github.com/facebook/react/bl
3535

3636
### Warnings and Invariants {#warnings-and-invariants}
3737

38-
The React codebase uses the `warning` module to display warnings:
38+
The React codebase uses `console.error` to display warnings:
3939

4040
```js
41-
var warning = require('warning');
42-
43-
warning(
44-
2 + 2 === 4,
45-
'Math is not working today.'
46-
);
47-
```
48-
49-
**The warning is shown when the `warning` condition is `false`.**
50-
51-
One way to think about it is that the condition should reflect the normal situation rather than the exceptional one.
52-
53-
It is a good idea to avoid spamming the console with duplicate warnings:
54-
55-
```js
56-
var warning = require('warning');
57-
58-
var didWarnAboutMath = false;
59-
if (!didWarnAboutMath) {
60-
warning(
61-
2 + 2 === 4,
62-
'Math is not working today.'
63-
);
64-
didWarnAboutMath = true;
41+
if (__DEV__) {
42+
console.error('Something is wrong.');
6543
}
6644
```
6745

@@ -114,39 +92,6 @@ ReactRef.detachRefs = function(
11492
When possible, new code should use Flow annotations.
11593
You can run `yarn flow` locally to check your code with Flow.
11694

117-
### Dynamic Injection {#dynamic-injection}
118-
119-
React uses dynamic injection in some modules. While it is always explicit, it is still unfortunate because it hinders understanding of the code. The main reason it exists is because React originally only supported DOM as a target. React Native started as a React fork. We had to add dynamic injection to let React Native override some behaviors.
120-
121-
You may see modules declaring their dynamic dependencies like this:
122-
123-
```js
124-
// Dynamically injected
125-
var textComponentClass = null;
126-
127-
// Relies on dynamically injected value
128-
function createInstanceForText(text) {
129-
return new textComponentClass(text);
130-
}
131-
132-
var ReactHostComponent = {
133-
createInstanceForText,
134-
135-
// Provides an opportunity for dynamic injection
136-
injection: {
137-
injectTextComponentClass: function(componentClass) {
138-
textComponentClass = componentClass;
139-
},
140-
},
141-
};
142-
143-
module.exports = ReactHostComponent;
144-
```
145-
146-
The `injection` field is not handled specially in any way. But by convention, it means that this module wants to have some (presumably platform-specific) dependencies injected into it at runtime.
147-
148-
There are multiple injection points in the codebase. In the future, we intend to get rid of the dynamic injection mechanism and wire up all the pieces statically during the build.
149-
15095
### Multiple Packages {#multiple-packages}
15196

15297
React is a [monorepo](https://danluu.com/monorepo/). Its repository contains multiple separate packages so that their changes can be coordinated together, and issues live in one place.
@@ -211,9 +156,7 @@ Its source code is located in [`packages/react-reconciler`](https://github.com/f
211156

212157
### Event System {#event-system}
213158

214-
React implements a synthetic event system which is agnostic of the renderers and works both with React DOM and React Native. Its source code is located in [`packages/legacy-events`](https://github.com/facebook/react/tree/master/packages/legacy-events).
215-
216-
There is a [video with a deep code dive into it](https://www.youtube.com/watch?v=dRo_egw7tBc) (66 mins).
159+
React implements a layer over native events to smooth out cross-browser differences. Its source code is located in [`packages/react-dom/src/events`](https://github.com/facebook/react/tree/master/packages/react-dom/src/events).
217160

218161
### What Next? {#what-next}
219162

content/docs/conditional-rendering.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,11 @@ ReactDOM.render(
122122

123123
### Вбудовані умови if з логічним оператором && {#inline-if-with-logical--operator}
124124

125+
<<<<<<< HEAD
125126
Ви можете [вставляти будь-який вираз у JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx) охопивши його у фігурні дужки. Це правило поширюється і на логічний оператор `&&` JavaScript, яким можно зручно вставити елемент в залежності від умови:
127+
=======
128+
You may [embed expressions in JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx) by wrapping them in curly braces. This includes the JavaScript logical `&&` operator. It can be handy for conditionally including an element:
129+
>>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
126130
127131
```js{6-10}
128132
function Mailbox(props) {

content/docs/faq-structure.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,11 @@ category: FAQ
1212

1313
#### Групування по функціональності або маршруту {#grouping-by-features-or-routes}
1414

15+
<<<<<<< HEAD
1516
Один з популярних підходів — це розміщення файлів CSS, JS і тестів у папках, згрупованих за функціональністю або маршруту.
17+
=======
18+
One common way to structure projects is to locate CSS, JS, and tests together inside folders grouped by feature or route.
19+
>>>>>>> 63332462bb5afa18ac7a716975b679f4c23cc8a1
1620
1721
```
1822
common/

0 commit comments

Comments
 (0)