Skip to content

Commit 123d9bd

Browse files
Merge pull request #19 from reactjs/sync-647b6392
Sync with reactjs.org @ 647b639
2 parents b70928f + 92889df commit 123d9bd

Some content is hidden

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

45 files changed

+439
-245
lines changed

CODE_OF_CONDUCT.md

Lines changed: 74 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,76 @@
11
# Code of Conduct
22

3-
Facebook has adopted a Code of Conduct that we expect project participants to adhere to.
4-
Please read the [full text](https://code.fb.com/codeofconduct/)
5-
so that you can understand what actions will and will not be tolerated.
3+
## Our Pledge
4+
5+
In the interest of fostering an open and welcoming environment, we as
6+
contributors and maintainers pledge to make participation in our project and
7+
our community a harassment-free experience for everyone, regardless of age, body
8+
size, disability, ethnicity, sex characteristics, gender identity and expression,
9+
level of experience, education, socio-economic status, nationality, personal
10+
appearance, race, religion, or sexual identity and orientation.
11+
12+
## Our Standards
13+
14+
Examples of behavior that contributes to creating a positive environment
15+
include:
16+
17+
* Using welcoming and inclusive language
18+
* Being respectful of differing viewpoints and experiences
19+
* Gracefully accepting constructive criticism
20+
* Focusing on what is best for the community
21+
* Showing empathy towards other community members
22+
23+
Examples of unacceptable behavior by participants include:
24+
25+
* The use of sexualized language or imagery and unwelcome sexual attention or
26+
advances
27+
* Trolling, insulting/derogatory comments, and personal or political attacks
28+
* Public or private harassment
29+
* Publishing others' private information, such as a physical or electronic
30+
address, without explicit permission
31+
* Other conduct which could reasonably be considered inappropriate in a
32+
professional setting
33+
34+
## Our Responsibilities
35+
36+
Project maintainers are responsible for clarifying the standards of acceptable
37+
behavior and are expected to take appropriate and fair corrective action in
38+
response to any instances of unacceptable behavior.
39+
40+
Project maintainers have the right and responsibility to remove, edit, or
41+
reject comments, commits, code, wiki edits, issues, and other contributions
42+
that are not aligned to this Code of Conduct, or to ban temporarily or
43+
permanently any contributor for other behaviors that they deem inappropriate,
44+
threatening, offensive, or harmful.
45+
46+
## Scope
47+
48+
This Code of Conduct applies within all project spaces, and it also applies when
49+
an individual is representing the project or its community in public spaces.
50+
Examples of representing a project or community include using an official
51+
project e-mail address, posting via an official social media account, or acting
52+
as an appointed representative at an online or offline event. Representation of
53+
a project may be further defined and clarified by project maintainers.
54+
55+
## Enforcement
56+
57+
Instances of abusive, harassing, or otherwise unacceptable behavior may be
58+
reported by contacting the project team at <[email protected]>. All
59+
complaints will be reviewed and investigated and will result in a response that
60+
is deemed necessary and appropriate to the circumstances. The project team is
61+
obligated to maintain confidentiality with regard to the reporter of an incident.
62+
Further details of specific enforcement policies may be posted separately.
63+
64+
Project maintainers who do not follow or enforce the Code of Conduct in good
65+
faith may face temporary or permanent repercussions as determined by other
66+
members of the project's leadership.
67+
68+
## Attribution
69+
70+
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
71+
available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
72+
73+
[homepage]: https://www.contributor-covenant.org
74+
75+
For answers to common questions about this code of conduct, see
76+
https://www.contributor-covenant.org/faq

content/blog/2015-09-02-new-react-developer-tools.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ It contains a handful of new features, including:
2020

2121
## Installation {#installation}
2222

23-
Download the new devtools from the [Chrome Web Store](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) and on [Mozilla Add-ons](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) for Firefox. If you're developing using React, we highly recommend installing these devtools.
23+
Download the new devtools from the [Chrome Web Store](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) and on [Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) for Firefox. If you're developing using React, we highly recommend installing these devtools.
2424

2525
If you already have the Chrome extension installed, it should autoupdate within the next week. You can also head to `chrome://extensions` and click "Update extensions now" if you'd like to get the new version today. If you installed the devtools beta, please remove it and switch back to the version from the store to make sure you always get the latest updates and bug fixes.
2626

content/blog/2017-07-26-error-handling-in-react-16.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -111,4 +111,4 @@ Error boundaries preserve the declarative nature of React, and behave as you wou
111111

112112
React 15 included a very limited support for error boundaries under a different method name: `unstable_handleError`. This method no longer works, and you will need to change it to `componentDidCatch` in your code starting from the first 16 beta release.
113113

114-
For this change, we’ve provided [a codemod](https://github.com/reactjs/react-codemod#error-boundaries) to automatically migrate your code.
114+
For this change, we’ve provided a [codemod](https://github.com/reactjs/react-codemod#error-boundaries) to automatically migrate your code.
Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
---
2+
title: "Introducing the New React DevTools"
3+
author: [bvaughn]
4+
---
5+
We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge!
6+
7+
## What's changed?
8+
9+
A lot has changed in version 4!
10+
At a high level, this new version should offer significant performance gains and an improved navigation experience.
11+
It also offers full support for React Hooks, including inspecting nested objects.
12+
13+
![DevTools version 4 screenshot](../images/blog/devtools-v4-screenshot.png)
14+
15+
[Visit the interactive tutorial](https://react-devtools-tutorial.now.sh/) to try out the new version or [see the changelog](https://github.com/facebook/react/blob/master/packages/react-devtools/CHANGELOG.md#400-august-15-2019) for demo videos and more details.
16+
17+
## Which versions of React are supported?
18+
19+
**`react-dom`**
20+
21+
* `0`-`14.x`: Not supported
22+
* `15.x`: Supported (except for the new component filters feature)
23+
* `16.x`: Supported
24+
25+
**`react-native`**
26+
* `0`-`0.61`: Not supported
27+
* `0.62`: Will be supported (when 0.62 is released)
28+
29+
## How do I get the new DevTools?
30+
31+
React DevTools is available as an extension for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) and [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/).
32+
If you have already installed the extension, it should update automatically within the next couple of hours.
33+
34+
If you use the standalone shell (e.g. in React Native or Safari), you can install the new version [from NPM](https://www.npmjs.com/package/react-devtools):
35+
36+
```shell
37+
npm install -g react-devtools@^4
38+
```
39+
40+
## Where did all of the DOM elements go?
41+
42+
The new DevTools provides a way to filter components from the tree to make it easier to navigate deeply nested hierarchies.
43+
Host nodes (e.g. HTML `<div>`, React Native `<View>`) are *hidden by default*, but this filter can be disabled:
44+
45+
![DevTools component filters](../images/blog/devtools-component-filters.gif)
46+
47+
## How do I get the old version back?
48+
49+
If you are working with React Native version 60 (or older) you can install the previous release of DevTools from NPM:
50+
51+
```shell
52+
npm install --dev react-devtools@^3
53+
```
54+
55+
For older versions of React DOM (v0.14 or earlier) you will need to build the extension from source:
56+
57+
```shell
58+
# Checkout the extension source
59+
git clone https://github.com/facebook/react-devtools
60+
61+
cd react-devtools
62+
63+
# Checkout the previous release branch
64+
git checkout v3
65+
66+
# Install dependencies and build the unpacked extension
67+
yarn install
68+
yarn build:extension
69+
70+
# Follow the on-screen instructions to complete installation
71+
```
72+
73+
## Thank you!
74+
75+
We'd like to thank everyone who tested the early release of DevTools version 4.
76+
Your feedback helped improve this initial release significantly.
77+
78+
We still have many exciting features planned and feedback is always welcome!
79+
Please feel free to open a [GitHub issue](https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools) or tag [@reactjs on Twitter](https://twitter.com/reactjs).

content/community/articles.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,5 @@ permalink: community/articles.html
1313
- [Timeline for Learning React](https://daveceddia.com/timeline-for-learning-react/) - Dave Ceddia's recommended timeline for learning React and the React ecosystem.
1414
- [Simple React Development in 2017](https://hackernoon.com/simple-react-development-in-2017-113bd563691f) - Joshua Comeau's guide to showcase how easy it can be to start modern React development.
1515
- [Visual Guide to State in React](https://daveceddia.com/visual-guide-to-state-in-react/) - Dave Ceddia's visual guide to React state.
16-
- [The Hands-On Guide to Learning React Hooks](https://www.telerik.com/kendo-react-ui/react-hooks-guide/)
16+
- [The Hands-On Guide to Learning React Hooks](https://www.telerik.com/kendo-react-ui/react-hooks-guide/) - Eric Bishard's step-by-step guide to learning React Hooks.
17+
- [How to Use the React Profiler Component to Measure Render Performance](https://medium.com/@adamhenson/how-to-use-the-react-profiler-component-to-measure-performance-improvements-from-hooks-d43b7092d7a8) - Adam Henson's article exemplifying a use case for `<React.Profiler />`.

content/community/conferences.md

Lines changed: 52 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -12,36 +12,6 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c
1212

1313
## Upcoming Conferences {#upcoming-conferences}
1414

15-
### React Conf Iran 2019 {#react-conf-iran-2019}
16-
August 29, 2019. Tehran, Iran.
17-
18-
[Website](https://reactconf.ir/) - [Twitter](https://twitter.com/reactconf_ir) - [Instagram](https://www.instagram.com/reactconf/)
19-
20-
### React Rally 2019 {#react-rally-2019}
21-
August 22-23, 2019. Salt Lake City, USA.
22-
23-
[Website](https://www.reactrally.com/) - [Twitter](https://twitter.com/ReactRally) - [Instagram](https://www.instagram.com/reactrally/)
24-
25-
### ComponentsConf 2019 {#componentsconf-2019}
26-
September 6, 2019 in Melbourne, Australia
27-
28-
[Website](https://www.componentsconf.com.au/) - [Twitter](https://twitter.com/componentsconf)
29-
30-
### React Native EU 2019 {#react-native-eu-2019}
31-
September 5-6 in Wrocław, Poland
32-
33-
[Website](https://react-native.eu) - [Twitter](https://twitter.com/react_native_eu) - [Facebook](https://www.facebook.com/reactnativeeu)
34-
35-
### React New York 2019 {#react-new-york-2019}
36-
September 13th, 2019. New York, USA
37-
38-
[Website](https://reactnewyork.com/) - [Twitter](https://twitter.com/reactnewyork)
39-
40-
### React Live 2019 {#react-live-2019}
41-
September 13th, 2019. Amsterdam, The Netherlands
42-
43-
[Website](https://www.reactlive.nl/) - [Twitter](https://twitter.com/reactlivenl)
44-
4515
### React Boston 2019 {#react-boston-2019}
4616
September 21-22, 2019 in Boston, Massachusetts USA
4717

@@ -67,6 +37,11 @@ October 25, 2019 in London, UK
6737

6838
[Website](https://reactadvanced.com) - [Twitter](http://twitter.com/reactadvanced) - [Facebook](https://www.facebook.com/ReactAdvanced) - [Videos](https://youtube.com/c/ReactConferences)
6939

40+
### React Conf Brasil 2019 {#react-conf-2019}
41+
October 19, 2019 in São Paulo, BR
42+
43+
[Website](https://reactconf.com.br/) - [Twitter](https://twitter.com/reactconfbr) - [Facebook](https://www.facebook.com/ReactAdvanced) - [Slack](https://react.now.sh/)
44+
7045
### React Day Berlin 2019 {#react-day-berlin-2019}
7146
December 6, 2019 in Berlin, Germany
7247

@@ -80,10 +55,56 @@ February 27 & 28, 2020 in Sydney, Australia
8055
### Render-Atlanta 2020 {#render-atlanta-2020}
8156
May 4-6, 2020. Atlanta, GA, USA.
8257

83-
[Website](https://renderatl.com)
58+
[Website](https://renderatl.com) - [Twitter](https://twitter.com/renderATL) - [Instagram](https://www.instagram.com/renderatl/) - [Facebook](https://www.facebook.com/renderatl/)
59+
60+
### React Finland 2020 {#react-finland-2020}
61+
May 26-29 in Helsinki, Finland
62+
63+
[Website](https://react-finland.fi/) - [Twitter](https://twitter.com/ReactFinland)
64+
65+
### React Next 2020 {#react-next-2020}
66+
June 15, 2020. Tel Aviv, Israel.
67+
68+
[Website](https://react-next.com/) - [Twitter](https://twitter.com/reactnext) - [Facebook](https://www.facebook.com/ReactNext2016/)
69+
70+
### React Week NY 2020 {#react-week-NY-2020}
71+
July 17, 2020. New York City, USA.
72+
73+
[Website](https://reactweek.nyc/) - [Twitter](https://twitter.com/reactweek) - [Facebook](https://www.facebook.com/reactweek)
74+
8475

8576
## Past Conferences {#past-conferences}
8677

78+
### React Rally 2019 {#react-rally-2019}
79+
August 22-23, 2019. Salt Lake City, USA.
80+
81+
[Website](https://www.reactrally.com/) - [Twitter](https://twitter.com/ReactRally) - [Instagram](https://www.instagram.com/reactrally/)
82+
83+
### ComponentsConf 2019 {#componentsconf-2019}
84+
September 6, 2019 in Melbourne, Australia
85+
86+
[Website](https://www.componentsconf.com.au/) - [Twitter](https://twitter.com/componentsconf)
87+
88+
### React Native EU 2019 {#react-native-eu-2019}
89+
September 5-6 in Wrocław, Poland
90+
91+
[Website](https://react-native.eu) - [Twitter](https://twitter.com/react_native_eu) - [Facebook](https://www.facebook.com/reactnativeeu)
92+
93+
### React New York 2019 {#react-new-york-2019}
94+
September 13th, 2019. New York, USA
95+
96+
[Website](https://reactnewyork.com/) - [Twitter](https://twitter.com/reactnewyork)
97+
98+
### React Live 2019 {#react-live-2019}
99+
September 13th, 2019. Amsterdam, The Netherlands
100+
101+
[Website](https://www.reactlive.nl/) - [Twitter](https://twitter.com/reactlivenl)
102+
103+
### React Conf Iran 2019 {#react-conf-iran-2019}
104+
August 29, 2019. Tehran, Iran.
105+
106+
[Website](https://reactconf.ir/) - [Videos](https://www.youtube.com/playlist?list=PL-VNqZFI5Nf-Nsj0rD3CWXGPkH-DI_0VY) - [Highlights](https://github.com/ReactConf/react-conf-highlights)
107+
87108
### React.js Conf 2015 {#reactjs-conf-2015}
88109
January 28 & 29 in Facebook HQ, CA
89110

content/community/courses.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@ permalink: community/courses.html
88

99
## Free Courses {#free-courses}
1010

11+
- [Glitch: React Starter Kit](https://glitch.com/culture/react-starter-kit/) - A free, 5-part video course with interactive code examples that will help you learn React.
12+
1113
- [Codecademy: React 101](https://www.codecademy.com/learn/react-101) - Codecademy's introductory course for React.
1214

1315
- [Egghead.io: Start Learning React](https://egghead.io/courses/start-learning-react) - This series will explore the basic fundamentals of React to get you started.

content/community/examples.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,3 +21,5 @@ There are many example projects created by the React community. Feel free to add
2121
* **[Bitcoin Price Index](https://github.com/mrkjlchvz/bitcoin-price-index)** Simple bitcoin price index data from CoinDesk API.
2222
* **[Builder Book](https://github.com/builderbook/builderbook)** Open source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB.
2323
* **[GFonts Space](https://github.com/pankajladhar/GFontsSpace)** A space which allows user to play with Google fonts. Built with React, Redux and React-Router.
24+
* **[Course Learn Page](https://github.com/ulearnpro/ulearn)** Open Source LMS script in Laravel 5.8 and ReactJS 16.9
25+
* **[Speedy math](https://github.com/pankajladhar/speedy-math)** An application which allows kids to practice basic Mathematics i.e Addition, Subtraction, Multiply, Comparison. It is a PWA (Progressive web app) with offline support and install as App features.

content/community/meetups.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
2525
* [Joinville](https://www.meetup.com/pt-BR/React-Joinville/)
2626
* [Rio de Janeiro](https://www.meetup.com/pt-BR/React-Rio-de-Janeiro/)
2727
* [São Paulo](https://www.meetup.com/pt-BR/ReactJS-SP/)
28+
* [Vila Velha](https://www.meetup.com/pt-BR/React-ES/)
2829

2930
## Bolivia {#bolivia}
3031
* [Bolivia](https://www.meetup.com/ReactBolivia/)
@@ -58,7 +59,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
5859
* [Karlsruhe](https://www.meetup.com/react_ka/)
5960
* [Kiel](https://www.meetup.com/Kiel-React-Native-Meetup/)
6061
* [Munich](https://www.meetup.com/ReactJS-Meetup-Munich/)
61-
* [React Berlin](https://www.meetup.com/React-Berlin/)
62+
* [React Berlin](https://www.meetup.com/React-Open-Source/)
6263
* [React.JS Girls Berlin](https://www.meetup.com/ReactJS-Girls-Berlin/)
6364

6465
## Greece {#greece}
@@ -69,6 +70,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
6970

7071
## India {#india}
7172
* [Bangalore](https://www.meetup.com/ReactJS-Bangalore/)
73+
* [Chandigarh](https://www.meetup.com/Chandigarh-React-Developers/)
7274
* [Chennai](https://www.meetup.com/React-Chennai/)
7375
* [Delhi NCR](https://www.meetup.com/React-Delhi-NCR/)
7476
* [Jaipur](https://www.meetup.com/JaipurJS-Developer-Meetup/)
@@ -79,6 +81,9 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
7981
## Israel {#israel}
8082
* [Tel Aviv](https://www.meetup.com/ReactJS-Israel/)
8183

84+
## Malaysia {#malaysia}
85+
* [Penang](https://www.facebook.com/groups/reactpenang/)
86+
8287
## Netherlands {#netherlands}
8388
* [Amsterdam](https://www.meetup.com/React-Amsterdam/)
8489

@@ -140,6 +145,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
140145
* [New York, NY - ReactJS](https://www.meetup.com/NYC-Javascript-React-Group/)
141146
* [New York, NY - React Ladies](https://www.meetup.com/React-Ladies/)
142147
* [New York, NY - React Native](https://www.meetup.com/React-Native-NYC/)
148+
* [New York, NY - useReactNYC](https://www.meetup.com/useReactNYC/)
143149
* [Palo Alto, CA - React Native](https://www.meetup.com/React-Native-Silicon-Valley/)
144150
* [Philadelphia, PA - ReactJS](https://www.meetup.com/RQ-React/)
145151
* [Phoenix, AZ - ReactJS](https://www.meetup.com/ReactJS-Phoenix/)

content/community/support.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@ React has a community of millions of developers.
1212

1313
On this page we've listed some React-related communities that you can be a part of; see the other pages in this section for additional online and in-person learning materials.
1414

15+
Before participating in React's communities, [please read our Code of Conduct](https://github.com/facebook/react/blob/master/CODE_OF_CONDUCT.md). We have adopted the [Contributor Covenant](https://www.contributor-covenant.org/) and we expect that all community members adhere to the guidelines within.
16+
1517
## Stack Overflow {#stack-overflow}
1618

1719
Stack Overflow is a popular forum to ask code-level questions or if you're stuck with a specific error. Read through the [existing questions](https://stackoverflow.com/questions/tagged/reactjs) tagged with **reactjs** or [ask your own](https://stackoverflow.com/questions/ask?tags=reactjs)!
@@ -24,7 +26,7 @@ Each community consists of many thousands of React users.
2426

2527
* [DEV's React community](https://dev.to/t/react)
2628
* [Hashnode's React community](https://hashnode.com/n/reactjs)
27-
* [Reactiflux online chat](https://discord.gg/0ZcbPKXt5bZjGY5n)
29+
* [Reactiflux online chat](https://discord.gg/reactiflux)
2830
* [Reddit's React community](https://www.reddit.com/r/reactjs/)
2931
* [Spectrum's React community](https://spectrum.chat/react)
3032

0 commit comments

Comments
 (0)