Add remaining people on updated team pages (#5327)

* updates

* remove active members from acknowledgements

* mobile styles for social/links

beta/src/components/MDX/TeamMember.tsx

@@ -7,6 +7,7 @@ import Image from 'next/image';
 import {IconTwitter} from '../Icon/IconTwitter';
 import {IconGitHub} from '../Icon/IconGitHub';
 import {ExternalLink} from '../ExternalLink';
+import {IconNewPage} from 'components/Icon/IconNewPage';
 
 interface TeamMemberProps {
   name: string;
@@ -39,27 +40,31 @@ export function TeamMember({
       </div>
       <div className="pl-0 sm:pl-6 basis-3/5 items-start">
         {children}
-        <div className="flex flex-row">
-          <div className="mr-4">
-            <ExternalLink
-              aria-label="React on Twitter"
-              href={`https://twitter.com/${twitter}`}
-              className="hover:text-primary dark:text-primary-dark flex flex-row items-center">
-              <IconTwitter />
-              {twitter}
-            </ExternalLink>
-          </div>
-          <div className="mr-4">
-            <ExternalLink
-              aria-label="React on Twitter"
-              href={`https://twitter.com/${github}`}
-              className="hover:text-primary dark:text-primary-dark flex flex-row items-center">
-              <IconGitHub /> {github}
-            </ExternalLink>
-          </div>
+        <div className="sm:flex sm:flex-row">
+          {twitter && (
+            <div className="mr-4">
+              <ExternalLink
+                aria-label="React on Twitter"
+                href={`https://twitter.com/${twitter}`}
+                className="hover:text-primary dark:text-primary-dark flex flex-row items-center">
+                <IconTwitter />
+                {twitter}
+              </ExternalLink>
+            </div>
+          )}
+          {github && (
+            <div className="mr-4">
+              <ExternalLink
+                aria-label="GitHub Profile"
+                href={`https://twitter.com/${github}`}
+                className="hover:text-primary dark:text-primary-dark flex flex-row items-center">
+                <IconGitHub /> {github}
+              </ExternalLink>
+            </div>
+          )}
           {personal && (
             <ExternalLink
-              aria-label="React on Twitter"
+              aria-label="Personal Site"
               href={`https://${personal}`}
               className="hover:text-primary dark:text-primary-dark flex flex-row items-center">
               {personal}

beta/src/content/learn/meet-the-team.md

@@ -3,7 +3,7 @@
 
 <Intro>
 
-React development is led by a small dedicated team working full time at Facebook. It also receives contributions from people all over the world.
+React development is led by a small dedicated team working full time at Meta. It also receives contributions from people all over the world.
 
 </Intro>
 
@@ -13,78 +13,108 @@ The React Core team members work full time on the core component APIs, the engin
 
 Current members of the React team are listed in alphabetical order below.
 
-### Andrew Clark {/*andrew-clark*/}
+### Andrew Clark (Engineer at Meta) {/*andrew-clark*/}
 
 <TeamMember photo="/images/team/acdlite.jpg" github="acdlite" twitter="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.
 </TeamMember>
 
-### Dan Abramov {/*dan-abramov*/}
+### Dan Abramov (Engineer at Meta) {/*dan-abramov*/}
 
 <TeamMember photo="/images/team/gaearon.jpg" github="gaearon" twitter="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-markbåge)'s tweets into long-form blog posts. Dan occasionally wins at Fortnite by hiding in a bush until the game ends.
 </TeamMember>
 
-### Joe Savona {/*joe-savona*/}
+### Jason Bonta (Engineering Manager at Meta) {/*jason-bonta*/}
+
+<TeamMember photo="/images/team/jasonbonta.jpg">
+    Jason likes having large volumes of Amazon packages delivered to the office so that he can build forts. Despite literally walling himself off from his team at times and not understanding how for-of loops work, he is our manager, and we appreciate him for the unique qualities he brings to his work. 
+</TeamMember>
+
+### Joe Savona (Engineer at Meta) {/*joe-savona*/}
 
 <TeamMember photo="/images/team/joe.jpg" github="josephsavona" twitter="en_JS">
     Joe was planning to major in math and philosophy but got into computer science after writing physics simulations in Matlab. Prior to React, he worked on Relay, RSocket.js, and the Skip programming language. While he’s not building some sort of reactive system he enjoys running, studying Japanese, and spending time with his family.
 </TeamMember>
 
-### Josh Story {/*josh-story*/}
+### Josh Story (Engineer at Vercel) {/*josh-story*/}
 
 <TeamMember photo="/images/team/josh.jpg" github="gnoff" twitter="joshcstory">
     Josh majored in Mathematics and discovered programming while in college. His first professional developer job was to program insurance rate calculations in Microsoft Excel, the paragon of Reactive Programming which must be why he now works on React. In between that time Josh has been an IC, Manager, and Executive at a few startups. outside of work he likes to push his limits with cooking.
 </TeamMember>
 
-### Lauren Tan {/*lauren-tan*/}
+### Lauren Tan (Engineer at Meta) {/*lauren-tan*/}
 
 <TeamMember photo="/images/team/lauren.jpg" github="poteto" twitter="potetotes" personal="no.lol">
     Lauren’s programming career peaked when she first discovered the `<marquee>` tag. She’s been chasing that high ever since. When she’s not adding bugs into React, she enjoys dropping cheeky memes in chat, and playing all too many video games with her partner and dog Zelda.
 </TeamMember>
 
-### Luna Ruan {/*luna-ruan*/}
+### Luna Ruan (Engineer at Meta) {/*luna-ruan*/}
 
 <TeamMember photo="/images/team/lunaruan.jpg" github="lunaruan" twitter="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.
 </TeamMember>
 
-### Rick Hanlon {/*rick-hanlon*/}
+### Mofei Zhang (Engineer at Meta) {/*mofei-zhang*/}
+
+<TeamMember photo="/images/team/mofei-zhang.png" github="mofeiZ">
+    Mofei started programming when she realized it can help her cheat in video games. She focused on operating systems in undergrad / grad school, but now finds herself happily tinkering on React. Outside of work, she enjoys debugging bouldering problems and planning her next backpacking trip(s).
+</TeamMember>
+
+### Rick Hanlon (Engineer at Meta) {/*rick-hanlon*/}
 
 <TeamMember photo="/images/team/rickhanlonii.jpg" github="rickhanlonii" twitter="rickhanlonii" personal="rickhanlon.codes">
     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.
 </TeamMember>
 
-### Samuel Susla {/*samuel-susla*/}
+### Samuel Susla (Engineer at Meta) {/*samuel-susla*/}
 
 <TeamMember photo="/images/team/sam.jpg" github="sammy-SC" twitter="SamuelSusla">
     Samuel’s interest in programming started with the movie Matrix. He still has Matrix screen saver. Before working on React, he was focused on writing iOS apps. Outside of work, Samuel enjoys playing beach volleyball, squash, badminton and spending time with his family.
 </TeamMember>
 
-### Sathya Gunasekaran {/*sathya-gunasekaran*/}
+### Sathya Gunasekaran (Engineer at Meta) {/*sathya-gunasekaran*/}
 
 <TeamMember photo="/images/team/sathya.jpg" github="gsathya" twitter="_gsathya">
     Sathya hated the Dragon Book in school but somehow ended up working on compilers all his career. When he's not compiling React components, he's either drinking coffee or eating yet another Dosa.
 </TeamMember>
 
-### Sebastian Markbåge {/*sebastian-markbåge*/}
+### Sebastian Markbåge (Engineer at Vercel) {/*sebastian-markbåge*/}
 
 <TeamMember photo="/images/team/sebmarkbage.jpg" github="sebmarkbage" twitter="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.
 </TeamMember>
 
-### Sebastian Silbermann {/*sebastian-silbermann*/}
+### Sebastian Silbermann (Independent Engineer) {/*sebastian-silbermann*/}
 
 <TeamMember photo="/images/team/sebsilbermann.jpg" github="eps1lon" twitter="sebsilbermann">
     Sebastian learned programming to make the browser games he played during class more enjoyable. Eventually this lead to contributing to as much open source code as possible. Outside of coding he's busy making sure people don't confuse him with the other Sebastians and Zilberman of the React community.
 </TeamMember>
 
-### Tianyu Yao {/*tianyu-yao*/}
+### Seth Webster (Engineering Manager at Meta) {/*seth-webster*/}
+
+<TeamMember photo="/images/team/seth.jpg" github="sethwebster" twitter="sethwebster" personal="sethwebster.com">
+    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.
+</TeamMember>
+
+### Sophie Alpert (Independent Engineer) {/*sophie-alpert*/}
+
+<TeamMember photo="/images/team/sophiebits.jpg" github="sophiebits" twitter="sophiebits" personal="sophiebits.com">
+    Four days after React was released, Sophie rewrote the entirety of her then-current project to use it, which she now realizes was perhaps a bit reckless. After she became the project's #1 committer, she wondered why she wasn't getting paid by Facebook like everyone else was and joined the team officially to lead React through its adolescent years. Though she quit that job years ago, somehow she's still in the team's group chats and “providing value”.
+</TeamMember>
+
+### Tianyu Yao (Engineer at Meta) {/*tianyu-yao*/}
 
 <TeamMember photo="/images/team/tianyu.jpg" github="tyao1" twitter="tianyu0">
     Tianyu’s interest in computers started as a kid because he loves video games. So he majored in computer science and still plays childish games like League of Legends. When he is not in front of a computer, he enjoys playing with his two kittens, hiking and kayaking.
 </TeamMember>
 
+### Yuzhi Zheng (Engineering Manager at Meta) {/*yuzhi-zheng*/}
+
+<TeamMember photo="/images/team/yuzhi.jpg" github="yuzhi" twitter="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’s a manager in the React org. 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.
+</TeamMember>
+
 ## Past contributors {/*past-contributors*/}
 
 You can find the past team members and other people who significantly contributed to React over the years on the [acknowledgements](/community/acknowledgements) page.

content/community/team.md

@@ -6,7 +6,7 @@ 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.
+React development is led by a small dedicated team working full time at Meta. It also receives contributions from people all over the world.
 
 ## Meet the React Team {#meet-the-react-team}
 
@@ -30,6 +30,12 @@ Andrew got started with web development by making sites with WordPress, and even
 
 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.
 
+### Jason Bonta {#jason-bonta}
+
+![Jason Bonta](../images/team/jasonbonta.jpg)
+
+Jason likes having large volumes of Amazon packages delivered to the office so that he can build forts. Despite literally walling himself off from his team at times and not understanding how for-of loops work, he is our manager, and we appreciate him for the unique qualities he brings to his work. 
+
 ### Joe Savona {#joe-savona}
 
 ![Joe Savona](../images/team/joe.jpg)
@@ -38,7 +44,7 @@ Dan got into programming after he accidentally discovered Visual Basic inside Mi
 
 Joe was planning to major in math and philosophy but got into computer science after writing physics simulations in Matlab. Prior to React, he worked on Relay, RSocket.js, and the Skip programming language. While he’s not building some sort of reactive system he enjoys running, studying Japanese, and spending time with his family.
 
-### Josh Story {#josh-story*}
+### Josh Story {#josh-story}
 
 ![Josh Story](../images/team/josh.jpg)
 
@@ -62,6 +68,14 @@ Lauren’s programming career peaked when she first discovered the `<marquee>` t
 
 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.
 
+### Mofei Zhang {#mofei-zhang}
+
+![Mofei](../images/team/mofei-zhang.png)
+
+[@mofeiZ on GitHub](https://github.com/mofeiZ)]
+
+Mofei started programming when she realized it can help her cheat in video games. She focused on operating systems in undergrad / grad school, but now finds herself happily tinkering on React. Outside of work, she enjoys debugging bouldering problems and planning her next backpacking trip(s).
+
 ### Rick Hanlon {#rick-hanlon}
 
 ![Ricky](../images/team/rickhanlonii.jpg)
@@ -102,6 +116,22 @@ Sebastian majored in psychology. He's usually quiet. Even when he says something
 
 Sebastian learned programming to make the browser games he played during class more enjoyable. Eventually this lead to contributing to as much open source code as possible. Outside of coding he's busy making sure people don't confuse him with the other Sebastians and Zilberman of the React community.
 
+### Seth Webster {#seth-webster}
+
+![Seth](../images/team/seth.jpg)
+
+[@sethwebster on GitHub](https://github.com/sethwebster) &middot; [@sethwebster on Twitter](https://twitter.com/sethwebster)
+
+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.
+
+### Sophie Alpert {#sophie-alpert}
+
+![Sophie](../images/team/sophiebits.jpg)
+
+[@sophiebits on GitHub](https://github.com/sophiebits) &middot; [@sophiebits on Twitter](https://twitter.com/sophiebits)
+
+Four days after React was released, Sophie rewrote the entirety of her then-current project to use it, which she now realizes was perhaps a bit reckless. After she became the project's #1 committer, she wondered why she wasn't getting paid by Facebook like everyone else was and joined the team officially to lead React through its adolescent years. Though she quit that job years ago, somehow she's still in the team's group chats and “providing value”.
+
 ### Tianyu Yao {#tianyu-yao}
 
 ![Tianyu Yao](../images/team/tianyu.jpg)
@@ -110,6 +140,14 @@ Sebastian learned programming to make the browser games he played during class m
 
 Tianyu’s interest in computers started as a kid because he loves video games. So he majored in computer science and still plays childish games like League of Legends. When he is not in front of a computer, he enjoys playing with his two kittens, hiking and kayaking.
 
+### Yuzhi Zheng {#yuzhi-zheng}
+
+![Yuzhi](../images/team/yuzhi.jpg)
+
+[@yuzhi on GitHub](https://github.com/yuzhi) &middot; [@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’s a manager in the React org. 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:
@@ -147,13 +185,10 @@ React was originally created by [Jordan Walke](https://github.com/jordwalke). To
 * [Robert Zhang](https://github.com/robertzhidealx)
 * [Sander Spies](https://github.com/sanderspies)
 * [Sasha Aickin](https://github.com/aickin)
-* [Seth Webster](https://github.com/sethwebster)
 * [Sophia Shoemaker](https://github.com/mrscobbler)
-* [Sophie Alpert](https://github.com/sophiebits)
 * [Sunil Pai](https://github.com/threepointone)
 * [Tim Yung](https://github.com/yungsters)
 * [Xuan Huang](https://github.com/huxpro)
-* [Yuzhi Zheng](https://github.com/yuzhi)
 
 This list is not exhaustive.