diff --git a/content/community/conferences.md b/content/community/conferences.md index ab0659194..c601c55c1 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -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 @@ -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 @@ -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. @@ -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} @@ -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) @@ -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/) - diff --git a/content/community/examples.md b/content/community/examples.md index 12bbd8af2..77ef0619e 100644 --- a/content/community/examples.md +++ b/content/community/examples.md @@ -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. diff --git a/content/community/meetups.md b/content/community/meetups.md index 296032a4d..0667d08db 100644 --- a/content/community/meetups.md +++ b/content/community/meetups.md @@ -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/) @@ -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/) @@ -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) diff --git a/content/community/nav.yml b/content/community/nav.yml index 65679e848..eed62682b 100644 --- a/content/community/nav.yml +++ b/content/community/nav.yml @@ -2,6 +2,8 @@ items: - id: support title: Support + - id: team + title: Team - id: courses title: Courses - id: examples diff --git a/content/community/team.md b/content/community/team.md new file mode 100644 index 000000000..3cb4bad95 --- /dev/null +++ b/content/community/team.md @@ -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/). diff --git a/content/docs/code-splitting.md b/content/docs/code-splitting.md index e58eb0df9..392108a92 100644 --- a/content/docs/code-splitting.md +++ b/content/docs/code-splitting.md @@ -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. diff --git a/content/docs/codebase-overview.md b/content/docs/codebase-overview.md index 091aff3aa..010fdfb5d 100644 --- a/content/docs/codebase-overview.md +++ b/content/docs/codebase-overview.md @@ -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). diff --git a/content/docs/concurrent-mode-reference.md b/content/docs/concurrent-mode-reference.md index d2c016cd4..bfc06e731 100644 --- a/content/docs/concurrent-mode-reference.md +++ b/content/docs/concurrent-mode-reference.md @@ -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); diff --git a/content/docs/concurrent-mode-suspense.md b/content/docs/concurrent-mode-suspense.md index 1dadfdc76..67d6b9e16 100644 --- a/content/docs/concurrent-mode-suspense.md +++ b/content/docs/concurrent-mode-suspense.md @@ -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 `` component will render successfully and we'll no longer need the `

Loading profile...

` 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 `` 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 `` 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 `` boundary between them. Or we could make them independent from each other by giving each *its own* `` boundary. Suspense lets us change the granularity of our loading states and orchestrate their sequencing without invasive changes to our code. diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md index ec1c273b4..fb247ccf4 100644 --- a/content/docs/create-a-new-react-app.md +++ b/content/docs/create-a-new-react-app.md @@ -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. diff --git a/content/docs/handling-events.md b/content/docs/handling-events.md index 175303c24..abf61eab8 100644 --- a/content/docs/handling-events.md +++ b/content/docs/handling-events.md @@ -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: @@ -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 diff --git a/content/docs/hooks-reference.md b/content/docs/hooks-reference.md index 852ae4833..38b740aad 100644 --- a/content/docs/hooks-reference.md +++ b/content/docs/hooks-reference.md @@ -450,7 +450,7 @@ function FancyInput(props, ref) { FancyInput = forwardRef(FancyInput); ``` -In this example, a parent component that renders `` would be able to call `fancyInputRef.current.focus()`. +In this example, a parent component that renders `` would be able to call `inputRef.current.focus()`. ### `useLayoutEffect` {#uselayouteffect} diff --git a/content/docs/implementation-notes.md b/content/docs/implementation-notes.md index a035a5edf..b345f7d5d 100644 --- a/content/docs/implementation-notes.md +++ b/content/docs/implementation-notes.md @@ -25,7 +25,7 @@ Both this document and his talk are simplifications of the real codebase so you ### Overview {#overview} -The reconciler itself doesn't have a public API. [Renderers](/docs/codebase-overview.html#stack-renderers) like React DOM and React Native use it to efficiently update the user interface according to the React components written by the user. +The reconciler itself doesn't have a public API. [Renderers](/docs/codebase-overview.html#renderers) like React DOM and React Native use it to efficiently update the user interface according to the React components written by the user. ### Mounting as a Recursive Process {#mounting-as-a-recursive-process} diff --git a/content/docs/introducing-jsx.md b/content/docs/introducing-jsx.md index 49ce51774..8b15297c2 100644 --- a/content/docs/introducing-jsx.md +++ b/content/docs/introducing-jsx.md @@ -181,4 +181,4 @@ A következő szekcióban megvizsgáljuk a React elemek DOM-ba való renderelés >**Tipp:** > ->Javasoljuk, hogy általad használt kódszerkesztőben használd a ["Babel" nyelvdefiníciót](https://babeljs.io/docs/editors), így az ES6 és JSX kódrészek is helyesen lesznek kiemelve. Ez a weboldal a [Oceanic Next](https://labs.voronianski.com/oceanic-next-color-scheme/) színsémát használja, ami ezzel kompatibilis. +>Javasoljuk, hogy általad használt kódszerkesztőben használd a ["Babel" nyelvdefiníciót](https://babeljs.io/docs/editors), így az ES6 és JSX kódrészek is helyesen lesznek kiemelve. Ez a weboldal az [Oceanic Next](https://labs.voronianski.com/oceanic-next-color-scheme/) színsémát használja, ami ezzel kompatibilis. diff --git a/content/docs/reference-profiler.md b/content/docs/reference-profiler.md index cb64fef1a..7c03dc63b 100644 --- a/content/docs/reference-profiler.md +++ b/content/docs/reference-profiler.md @@ -110,10 +110,10 @@ Timestamp when React began rendering the current update. Timestamp when React committed the current update. This value is shared between all profilers in a commit, enabling them to be grouped if desirable. * **`interactions: Set`** - -Set of ["interactions"](http://fb.me/react-interaction-tracing) that were being traced the update was scheduled (e.g. when `render` or `setState` were called). +Set of ["interactions"](https://fb.me/react-interaction-tracing) that were being traced the update was scheduled (e.g. when `render` or `setState` were called). > Note > > Interactions can be used to identify the cause of an update, although the API for tracing them is still experimental. > -> Learn more about it at [fb.me/react-interaction-tracing](http://fb.me/react-interaction-tracing) +> Learn more about it at [fb.me/react-interaction-tracing](https://fb.me/react-interaction-tracing) diff --git a/content/docs/reference-react-dom.md b/content/docs/reference-react-dom.md index 3732ebe8d..f440ef7ed 100644 --- a/content/docs/reference-react-dom.md +++ b/content/docs/reference-react-dom.md @@ -36,7 +36,7 @@ React supports all popular browsers, including Internet Explorer 9 and above, al ReactDOM.render(element, container[, callback]) ``` -Render a React element into the DOM in the supplied `container` and return a [reference](/docs/more-about-refs.html) to the component (or returns `null` for [stateless components](/docs/components-and-props.html#functional-and-class-components)). +Render a React element into the DOM in the supplied `container` and return a [reference](/docs/more-about-refs.html) to the component (or returns `null` for [stateless components](/docs/components-and-props.html#function-and-class-components)). If the React element was previously rendered into `container`, this will perform an update on it and only mutate the DOM as necessary to reflect the latest React element. diff --git a/content/docs/testing-recipes.md b/content/docs/testing-recipes.md index 0ce5e205f..f666116e5 100644 --- a/content/docs/testing-recipes.md +++ b/content/docs/testing-recipes.md @@ -529,7 +529,7 @@ it("should accept selections", () => { act(() => { container - .querySelector("[data-testid=2]") + .querySelector("[data-testid='2']") .dispatchEvent(new MouseEvent("click", { bubbles: true })); }); diff --git a/content/images/team/acdlite.jpg b/content/images/team/acdlite.jpg new file mode 100644 index 000000000..ab54b793b Binary files /dev/null and b/content/images/team/acdlite.jpg differ diff --git a/content/images/team/bvaughn.jpg b/content/images/team/bvaughn.jpg new file mode 100644 index 000000000..227fe8d94 Binary files /dev/null and b/content/images/team/bvaughn.jpg differ diff --git a/content/images/team/gaearon.jpg b/content/images/team/gaearon.jpg new file mode 100644 index 000000000..e152143b7 Binary files /dev/null and b/content/images/team/gaearon.jpg differ diff --git a/content/images/team/lunaruan.jpg b/content/images/team/lunaruan.jpg new file mode 100644 index 000000000..91daa3d17 Binary files /dev/null and b/content/images/team/lunaruan.jpg differ diff --git a/content/images/team/necolas.jpg b/content/images/team/necolas.jpg new file mode 100644 index 000000000..b7caaac06 Binary files /dev/null and b/content/images/team/necolas.jpg differ diff --git a/content/images/team/rnabors.jpg b/content/images/team/rnabors.jpg new file mode 100644 index 000000000..4425c90db Binary files /dev/null and b/content/images/team/rnabors.jpg differ diff --git a/content/images/team/sebmarkbage.jpg b/content/images/team/sebmarkbage.jpg new file mode 100644 index 000000000..56a480ff4 Binary files /dev/null and b/content/images/team/sebmarkbage.jpg differ diff --git a/content/images/team/threepointone.jpg b/content/images/team/threepointone.jpg new file mode 100644 index 000000000..9ad860171 Binary files /dev/null and b/content/images/team/threepointone.jpg differ diff --git a/content/images/team/trueadm.jpg b/content/images/team/trueadm.jpg new file mode 100644 index 000000000..33a6b838f Binary files /dev/null and b/content/images/team/trueadm.jpg differ diff --git a/content/images/team/yuzhi.jpg b/content/images/team/yuzhi.jpg new file mode 100644 index 000000000..c3f4175d7 Binary files /dev/null and b/content/images/team/yuzhi.jpg differ diff --git a/static/_redirects b/static/_redirects index 3c683238d..4e8eeea9d 100644 --- a/static/_redirects +++ b/static/_redirects @@ -3,4 +3,5 @@ /concurrent /docs/concurrent-mode-intro.html /hooks /docs/hooks-intro.html /tutorial /tutorial/tutorial.html -/your-story https://www.surveymonkey.co.uk/r/MVQV2R9 301 \ No newline at end of file +/your-story https://www.surveymonkey.co.uk/r/MVQV2R9 301 +/stories https://medium.com/react-community-stories 301 \ No newline at end of file