Skip to content

Commit

Permalink
Merge pull request #31 from reactjs/sync-5b6ad388
Browse files Browse the repository at this point in the history
Sync with reactjs.org @ 5b6ad38
  • Loading branch information
balazsorban44 authored Dec 30, 2019
2 parents 882f682 + 22d8568 commit 5d63b52
Show file tree
Hide file tree
Showing 28 changed files with 174 additions and 22 deletions.
21 changes: 15 additions & 6 deletions content/community/conferences.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,11 +22,21 @@ December 6, 2019 in Berlin, Germany

[Website](https://reactday.berlin) - [Twitter](https://twitter.com/reactdayberlin) - [Facebook](https://www.facebook.com/reactdayberlin/) - [Videos](https://www.youtube.com/reactdayberlin)

### React Barcamp Cologne 2020 {#react-barcamp-cologne-2020}
February 1-2, 2020 in Cologne, Germany

[Website](https://react-barcamp.de/) - [Twitter](https://twitter.com/ReactBarcamp) - [Facebook](https://www.facebook.com/reactbarcamp)

### ReactConf AU 2020 {#reactconfau}
February 27 & 28, 2020 in Sydney, Australia

[Website](https://reactconfau.com/) - [Twitter](https://twitter.com/reactconfau) - [Facebook](https://www.facebook.com/reactconfau) - [Instagram](https://www.instagram.com/reactconfau/)

### Reactathon 2020 {#reactathon-2020}
March 30 - 31, 2020 in San Francisco, CA

[Website](https://www.reactathon.com) - [Twitter](https://twitter.com/reactathon) - [Facebook](https://www.facebook.com/events/575942819854160/)

### React Summit Amsterdam 2020 {#react-summit-2020}
April 15-17, 2020 in Amsterdam, The Netherlands

Expand All @@ -45,7 +55,7 @@ April 25, 2020 in Bangalore, India
### render(ATL) 2020 {#render-atlanta-2020}
May 4-6, 2020. Atlanta, GA, USA.

[Website](https://renderatl.com) - [Twitter](https://twitter.com/renderATL) - [Instagram](https://www.instagram.com/renderatl/) - [Facebook](https://www.facebook.com/renderatl/)
[Website](https://renderatl.com) - [Twitter](https://twitter.com/renderATL) - [Instagram](https://www.instagram.com/renderatl/) - [Facebook](https://www.facebook.com/renderatl/)

### ReactEurope 2020 {#reacteurope-2020}
May 14-15, 2020 in Paris, France
Expand All @@ -60,7 +70,7 @@ May 26-29 in Helsinki, Finland
### React Next 2020 {#react-next-2020}
June 15, 2020. Tel Aviv, Israel.

[Website](https://react-next.com/) - [Twitter](https://twitter.com/reactnext) - [Facebook](https://www.facebook.com/ReactNext2016/)
[Website](https://react-next.com/) - [Twitter](https://twitter.com/reactnext) - [Facebook](https://www.facebook.com/ReactNext2016/)

### React Loop 2020 {#react-loop-2020}
June 19, 2020. Chicago, Illinois, USA.
Expand All @@ -70,7 +80,7 @@ June 19, 2020. Chicago, Illinois, USA.
### React Week NY 2020 {#react-week-ny-2020}
July 17, 2020. New York City, USA.

[Website](https://reactweek.nyc/) - [Twitter](https://twitter.com/reactweek) - [Facebook](https://www.facebook.com/reactweek)
[Website](https://reactweek.nyc/) - [Twitter](https://twitter.com/reactweek) - [Facebook](https://www.facebook.com/reactweek)


## Past Conferences {#past-conferences}
Expand Down Expand Up @@ -412,8 +422,8 @@ August 22-23, 2019. Salt Lake City, USA.

[Website](https://www.reactrally.com/) - [Twitter](https://twitter.com/ReactRally) - [Instagram](https://www.instagram.com/reactrally/)

### React Conf Iran 2019 {#react-conf-iran-2019}
August 29, 2019. Tehran, Iran.
### React Conf Iran 2019 {#react-conf-iran-2019}
August 29, 2019. Tehran, Iran.

[Website](https://reactconf.ir/) - [Videos](https://www.youtube.com/playlist?list=PL-VNqZFI5Nf-Nsj0rD3CWXGPkH-DI_0VY) - [Highlights](https://github.com/ReactConf/react-conf-highlights)

Expand Down Expand Up @@ -466,4 +476,3 @@ October 25, 2019 in London, UK
October 19, 2019 in São Paulo, BR

[Website](https://reactconf.com.br/) - [Twitter](https://twitter.com/reactconfbr) - [Facebook](https://www.facebook.com/ReactAdvanced) - [Slack](https://react.now.sh/)

1 change: 1 addition & 0 deletions content/community/examples.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ permalink: community/examples.html
There are many example projects created by the React community. Feel free to add your own project. If you add a project, please commit to keeping it up to date with the latest versions of React.


* **[Zeldog](https://yannsainty.github.io/Zeldog/)** A Zelda like game with a dog fighting ducks and more to eat pizza !
* **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React
* **[Emoji Search](https://github.com/ahfarmer/emoji-search)** Simple React app for searching emoji
* **[GitHub Battle App](https://tm.dev/react-course-project/)** Battle two GitHub users and see the most popular Github projects for any language.
Expand Down
7 changes: 7 additions & 0 deletions content/community/meetups.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,9 @@ permalink: community/meetups.html

Do you have a local React.js meetup? Add it here! (Please keep the list alphabetical)

## Argentina {#argentina}
* [Rosario](https://www.meetup.com/es/reactrosario)

## Australia {#australia}
* [Brisbane](https://www.meetup.com/reactbris/)
* [Melbourne](https://www.meetup.com/React-Melbourne/)
Expand Down Expand Up @@ -61,6 +64,7 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
* [Paris](https://www.meetup.com/ReactJS-Paris/)

## Germany {#germany}
* [Cologne](https://www.meetup.com/React-Cologne/)
* [Düsseldorf](https://www.meetup.com/de-DE/ReactJS-Meetup-Dusseldorf/)
* [Hamburg](https://www.meetup.com/Hamburg-React-js-Meetup/)
* [Karlsruhe](https://www.meetup.com/react_ka/)
Expand Down Expand Up @@ -133,6 +137,9 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet
## Sweden {#sweden}
* [Goteborg](https://www.meetup.com/ReactJS-Goteborg/)

## Switzerland {#switzerland}
* [Zurich](https://www.meetup.com/Zurich-ReactJS-Meetup/)

## Ukraine {#ukraine}
* [Kyiv](https://www.meetup.com/Kyiv-ReactJS-Meetup)

Expand Down
2 changes: 2 additions & 0 deletions content/community/nav.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
items:
- id: support
title: Support
- id: team
title: Team
- id: courses
title: Courses
- id: examples
Expand Down
134 changes: 134 additions & 0 deletions content/community/team.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
---
id: team
title: Team
layout: community
sectionid: community
permalink: community/team.html
---

React development is led by a small dedicated team working full time at Facebook. It also receives contributions from people all over the world.

## Meet the React Team {#meet-the-react-team}

The React team members work full time on the core component APIs, the engine that powers React DOM and React Native, React DevTools, and the React documentation website.

Current members of the React team are listed in alphabetical order below.

### Andrew Clark {#andrew-clark}

![Andrew Clark](../images/team/acdlite.jpg)

[@acdlite on GitHub](https://github.com/acdlite) · [@acdlite on Twitter](https://twitter.com/acdlite)

Andrew got started with web development by making sites with WordPress, and eventually tricked himself into doing JavaScript. His favorite pastime is karaoke. Andrew is either a Disney villain or a Disney princess, depending on the day.

### Brian Vaughn {#brian-vaughn}

![Brian Vaughn](../images/team/bvaughn.jpg)

[@bvaughn on GitHub](https://github.com/bvaughn) · [@brian\_d\_vaughn on Twitter](https://twitter.com/brian_d_vaughn)

Brian studied art in college and did programming on the side to pay for his education. Eventually, he realized that he enjoys working on open source. Brian has one [one-person band](https://soundcloud.com/brianvaughn/) and two [two-person](https://soundcloud.com/pilotlessdrone) [bands](https://soundcloud.com/pinwurm). He also takes care of the cutest cat in the world.

### Dan Abramov {#dan-abramov}

![Dan Abramov](../images/team/gaearon.jpg)

[@gaearon on GitHub](https://github.com/gaearon) · [@dan_abramov on Twitter](https://twitter.com/dan_abramov)

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.

### Dominic Gannaway {#dominic-gannaway}

![Dominic](../images/team/trueadm.jpg)

[@trueadm on GitHub](https://github.com/trueadm) · [@trueadm on Twitter](https://twitter.com/trueadm)

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.

### Luna Ruan {#luna-ruan}

![Luna](../images/team/lunaruan.jpg)

[@lunaruan on GitHub](https://github.com/lunaruan) · [@lunaruan on Twitter](https://twitter.com/lunaruan)

Luna learned programming because she thought it meant creating video games. Instead, she ended up working on the Pinterest web app, and now on React itself. Luna doesn't want to make video games anymore, but she plans to do creative writing if she ever gets bored.

### Nicolas Gallagher {#nicolas-gallagher}

![Nicolas](../images/team/necolas.jpg)

[@necolas on GitHub](https://github.com/necolas) · [@necolas on Twitter](https://twitter.com/necolas)

Nicolas has majored in anthropology. He started in web development by building a website for a friend, and eventually found himself rebuilding the Twitter website with React. Nicolas describes himself as boring on paper, not much better in real life.

### Rachel Nabors {#rachel-nabors}

![Rachel](../images/team/rnabors.jpg)

[@rachelnabors on GitHub](https://github.com/rachelnabors) · [@rachelnabors on Twitter](https://twitter.com/rachelnabors)

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.

### Sebastian Markbåge {#sebastian-markbage}

![Sebastian](../images/team/sebmarkbage.jpg)

[@sebmarkbage on GitHub](https://github.com/sebmarkbage) · [@sebmarkbage on Twitter](https://twitter.com/sebmarkbage)

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.

### Sunil Pai {#sunil-pai}

![Sunil](../images/team/threepointone.jpg)

[@threepointone on GitHub](https://github.com/threepointone) · [@threepointone on Twitter](https://twitter.com/threepointone)

Sunil started writing JavaScript for IE6 and still has some regrets about it. He worked in consulting, design, and product firms, before joining the React team to help others do the same. Sunil plays a blue Les Paul guitar, loves London, and would appreciate a response to his last ping, please and thank you!

### Yuzhi Zheng {#yuzhi-zheng}

![Yuzhi](../images/team/yuzhi.jpg)

[@yuzhi on GitHub](https://github.com/yuzhi) · [@yuzhiz on Twitter](https://twitter.com/yuzhiz)

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.

## Acknowledgements {#acknowledgements}

React was originally created by [Jordan Walke](https://github.com/jordwalke). Today, React has over a thousand open source contributors. We'd like to recognize a few people who have made significant contributions to React and its documentation in the past and have helped maintain them over the years:

* [Almero Steyn](https://github.com/AlmeroSteyn)
* [Andreas Svensson](https://github.com/syranide)
* [Alex Krolick](https://github.com/alexkrolick)
* [Alexey Pyltsyn](https://github.com/lex111)
* [Brandon Dail](https://github.com/aweary)
* [Caleb Meredith](https://github.com/calebmer)
* [Chang Yan](https://github.com/cyan33)
* [Cheng Lou](https://github.com/chenglou)
* [Christoph Nakazawa](https://github.com/cpojer)
* [Christopher Chedeau](https://github.com/vjeux)
* [Clement Hoang](https://github.com/clemmy)
* [Flarnie Marchan](https://github.com/flarnie)
* [Jason Quense](https://github.com/jquense)
* [Jesse Beach](https://github.com/jessebeach)
* [Jessica Franco](https://github.com/Jessidhia)
* [Jim Sproch](https://github.com/jimfb)
* [Josh Duck](https://github.com/joshduck)
* [Joe Critchley](https://github.com/joecritch)
* [Jeff Morrison](https://github.com/jeffmo)
* [Keyan Zhang](https://github.com/keyz)
* [Nat Alison](https://github.com/tesseralis)
* [Nathan Hunzaker](https://github.com/nhunzaker)
* [Paul O'Shannessy](https://github.com/zpao)
* [Pete Hunt](https://github.com/petehunt)
* [Philipp Spiess](https://github.com/philipp-spiess)
* [Sander Spies](https://github.com/sanderspies)
* [Sophia Shoemaker](https://github.com/mrscobbler)
* [Sophie Alpert](https://github.com/sophiebits)
* [Sasha Aickin](https://github.com/aickin)
* [Tim Yung](https://github.com/yungsters)

This list is not exhaustive.

We'd like to give special thanks to [Tom Occhino](https://github.com/tomocchino) and [Adam Wolff](https://github.com/wolffiex) for their guidance and support over the years. We'd also like to thank all the volunteers who [translated React into other languages](https://isreacttranslatedyet.com/).
2 changes: 1 addition & 1 deletion content/docs/code-splitting.md
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ parse the dynamic import syntax but is not transforming it. For that you will ne

> Note:
>
> `React.lazy` and Suspense are not yet available for server-side rendering. If you want to do code-splitting in a server rendered app, we recommend [Loadable Components](https://github.com/smooth-code/loadable-components). It has a nice [guide for bundle splitting with server-side rendering](https://www.smooth-code.com/open-source/loadable-components/docs/server-side-rendering/).
> `React.lazy` and Suspense are not yet available for server-side rendering. If you want to do code-splitting in a server rendered app, we recommend [Loadable Components](https://github.com/gregberge/loadable-components). It has a nice [guide for bundle splitting with server-side rendering](https://loadable-components.com/docs/server-side-rendering/).
The `React.lazy` function lets you render a dynamic import as a regular component.

Expand Down
2 changes: 1 addition & 1 deletion content/docs/codebase-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@ Its source code is located in [`packages/react-reconciler`](https://github.com/f

### Event System {#event-system}

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/react-events`](https://github.com/facebook/react/tree/master/packages/react-events).
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).

There is a [video with a deep code dive into it](https://www.youtube.com/watch?v=dRo_egw7tBc) (66 mins).

Expand Down
2 changes: 1 addition & 1 deletion content/docs/concurrent-mode-reference.md
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,7 @@ The `useTransition` hook returns two values in an array.
**If some state update causes a component to suspend, that state update should be wrapped in a transition.**

```js
const SUSPENSE_CONFIG = {timeoutMs: 2000 };
const SUSPENSE_CONFIG = { timeoutMs: 2000 };

function App() {
const [resource, setResource] = useState(initialResource);
Expand Down
2 changes: 1 addition & 1 deletion content/docs/concurrent-mode-suspense.md
Original file line number Diff line number Diff line change
Expand Up @@ -371,7 +371,7 @@ This `resource` object represents the data that isn't there yet, but might event

**As more data streams in, React will retry rendering, and each time it might be able to progress "deeper".** When `resource.user` is fetched, the `<ProfileDetails>` component will render successfully and we'll no longer need the `<h1>Loading profile...</h1>` fallback. Eventually, we'll get all the data, and there will be no fallbacks on the screen.

This has an interesting implication. Even if we use a GraphQL client that collects all data requirements in a single request, *streaming the response lets us show more content sooner*. Because we render-*as-we-fetch* (as opposed to *after* fetching), if `user` appear in the response earlier than `posts`, we'll be able to "unlock" the outer `<Suspense>` boundary before the response even finishes. We might have missed this earlier, but even the fetch-then-render solution contained a waterfall: between fetching and rendering. Suspense doesn't inherently suffer from this waterfall, and libraries like Relay take advantage of this.
This has an interesting implication. Even if we use a GraphQL client that collects all data requirements in a single request, *streaming the response lets us show more content sooner*. Because we render-*as-we-fetch* (as opposed to *after* fetching), if `user` appears in the response earlier than `posts`, we'll be able to "unlock" the outer `<Suspense>` boundary before the response even finishes. We might have missed this earlier, but even the fetch-then-render solution contained a waterfall: between fetching and rendering. Suspense doesn't inherently suffer from this waterfall, and libraries like Relay take advantage of this.

Note how we eliminated the `if (...)` "is loading" checks from our components. This doesn't only remove boilerplate code, but it also simplifies making quick design changes. For example, if we wanted profile details and posts to always "pop in" together, we could delete the `<Suspense>` boundary between them. Or we could make them independent from each other by giving each *its own* `<Suspense>` boundary. Suspense lets us change the granularity of our loading states and orchestrate their sequencing without invasive changes to our code.

Expand Down
2 changes: 0 additions & 2 deletions content/docs/create-a-new-react-app.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,8 +73,6 @@ The following toolchains offer more flexibility and choice. We recommend them to

- **[Neutrino](https://neutrinojs.org/)** combines the power of [webpack](https://webpack.js.org/) with the simplicity of presets, and includes a preset for [React apps](https://neutrinojs.org/packages/react/) and [React components](https://neutrinojs.org/packages/react-components/).

- **[nwb](https://github.com/insin/nwb)** is particularly great for [publishing React components for npm](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb). It [can be used](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb) for creating React apps, too.

- **[Parcel](https://parceljs.org/)** is a fast, zero configuration web application bundler that [works with React](https://parceljs.org/recipes.html#react).

- **[Razzle](https://github.com/jaredpalmer/razzle)** is a server-rendering framework that doesn't require any configuration, but offers more flexibility than Next.js.
Expand Down
4 changes: 2 additions & 2 deletions content/docs/handling-events.md
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ function ActionLink() {

Here, `e` is a synthetic event. React defines these synthetic events according to the [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), so you don't need to worry about cross-browser compatibility. See the [`SyntheticEvent`](/docs/events.html) reference guide to learn more.

When using React you should generally not need to call `addEventListener` to add listeners to a DOM element after it is created. Instead, just provide a listener when the element is initially rendered.
When using React, you generally don't need to call `addEventListener` to add listeners to a DOM element after it is created. Instead, just provide a listener when the element is initially rendered.

When you define a component using an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), a common pattern is for an event handler to be a method on the class. For example, this `Toggle` component renders a button that lets the user toggle between "ON" and "OFF" states:

Expand Down Expand Up @@ -142,7 +142,7 @@ The problem with this syntax is that a different callback is created each time t

## Passing Arguments to Event Handlers {#passing-arguments-to-event-handlers}

Inside a loop it is common to want to pass an extra parameter to an event handler. For example, if `id` is the row ID, either of the following would work:
Inside a loop, it is common to want to pass an extra parameter to an event handler. For example, if `id` is the row ID, either of the following would work:

```js
<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button>
Expand Down
Loading

0 comments on commit 5d63b52

Please sign in to comment.