diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index e34dda4af..150dc2ff0 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -4,7 +4,7 @@ Thank you for the PR! Contributors like you keep React awesome!
Please see the Contribution Guide for guidelines:
-https://github.com/reactjs/reactjs.org/blob/main/CONTRIBUTING.md
+https://github.com/reactjs/legacy.reactjs.org/blob/main/CONTRIBUTING.md
If your PR references an existing issue, please add the issue number below
diff --git a/.github/labeler.yml b/.github/labeler.yml
deleted file mode 100644
index 7768da2ba..000000000
--- a/.github/labeler.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-beta:
-- beta/**/*
diff --git a/.github/workflows/analyze.yml b/.github/workflows/analyze.yml
deleted file mode 100644
index ea9f6b573..000000000
--- a/.github/workflows/analyze.yml
+++ /dev/null
@@ -1,96 +0,0 @@
-name: Analyze Bundle
-
-on:
- pull_request:
- push:
- branches:
- - main # change this if your default branch is named differently
- workflow_dispatch:
-
-jobs:
- analyze:
- runs-on: ubuntu-latest
- steps:
- - uses: actions/checkout@v2
-
- - name: Set up node
- uses: actions/setup-node@v1
- with:
- node-version: "14.x"
-
- - name: Install dependencies
- uses: bahmutov/npm-install@v1.7.10
- with:
- working-directory: 'beta'
-
- - name: Restore next build
- uses: actions/cache@v2
- id: restore-build-cache
- env:
- cache-name: cache-next-build
- with:
- path: beta/.next/cache
- # change this if you prefer a more strict cache
- key: ${{ runner.os }}-build-${{ env.cache-name }}
-
- - name: Build next.js app
- # change this if your site requires a custom build command
- run: ./node_modules/.bin/next build
- working-directory: beta
-
- # Here's the first place where next-bundle-analysis' own script is used
- # This step pulls the raw bundle stats for the current bundle
- - name: Analyze bundle
- run: npx -p nextjs-bundle-analysis report
- working-directory: beta
-
- - name: Upload bundle
- uses: actions/upload-artifact@v2
- with:
- path: beta/.next/analyze/__bundle_analysis.json
- name: bundle_analysis.json
-
- - name: Download base branch bundle stats
- uses: dawidd6/action-download-artifact@v2
- if: success() && github.event.number
- with:
- workflow: analyze.yml
- branch: ${{ github.event.pull_request.base.ref }}
- name: bundle_analysis.json
- path: beta/.next/analyze/base/bundle
-
- # And here's the second place - this runs after we have both the current and
- # base branch bundle stats, and will compare them to determine what changed.
- # There are two configurable arguments that come from package.json:
- #
- # - budget: optional, set a budget (bytes) against which size changes are measured
- # it's set to 350kb here by default, as informed by the following piece:
- # https://infrequently.org/2021/03/the-performance-inequality-gap/
- #
- # - red-status-percentage: sets the percent size increase where you get a red
- # status indicator, defaults to 20%
- #
- # Either of these arguments can be changed or removed by editing the `nextBundleAnalysis`
- # entry in your package.json file.
- - name: Compare with base branch bundle
- if: success() && github.event.number
- run: ls -laR .next/analyze/base && npx -p nextjs-bundle-analysis compare
- working-directory: beta
-
- - name: Upload analysis comment
- uses: actions/upload-artifact@v2
- with:
- name: analysis_comment.txt
- path: beta/.next/analyze/__bundle_analysis_comment.txt
-
- - name: Save PR number
- run: echo ${{ github.event.number }} > ./pr_number
-
- - name: Upload PR number
- uses: actions/upload-artifact@v2
- with:
- name: pr_number
- path: ./pr_number
-
- # The actual commenting happens in the other action, matching the guidance in
- # https://securitylab.github.com/research/github-actions-preventing-pwn-requests/
diff --git a/.github/workflows/analyze_comment.yml b/.github/workflows/analyze_comment.yml
deleted file mode 100644
index 8166089fd..000000000
--- a/.github/workflows/analyze_comment.yml
+++ /dev/null
@@ -1,72 +0,0 @@
-name: Analyze Bundle (Comment)
-
-on:
- workflow_run:
- workflows: ["Analyze Bundle"]
- types:
- - completed
-
-jobs:
- comment:
- runs-on: ubuntu-latest
- if: >
- ${{ github.event.workflow_run.event == 'pull_request' &&
- github.event.workflow_run.conclusion == 'success' }}
- steps:
- - name: Download base branch bundle stats
- uses: dawidd6/action-download-artifact@v2
- with:
- workflow: analyze.yml
- run_id: ${{ github.event.workflow_run.id }}
- name: analysis_comment.txt
- path: analysis_comment.txt
-
- - name: Download PR number
- uses: dawidd6/action-download-artifact@v2
- with:
- workflow: analyze.yml
- run_id: ${{ github.event.workflow_run.id }}
- name: pr_number
- path: pr_number
-
- - name: Get comment body
- id: get-comment-body
- if: success()
- run: |
- pr_number=$(cat pr_number/pr_number)
- body=$(cat analysis_comment.txt/__bundle_analysis_comment.txt)
- body="## Size Changes
-
-
- ${body}
-
- "
- body="${body//'%'/'%25'}"
- body="${body//$'\n'/'%0A'}"
- body="${body//$'\r'/'%0D'}"
- echo ::set-output name=body::$body
- echo ::set-output name=pr-number::$pr_number
-
- - name: Find Comment
- uses: peter-evans/find-comment@v1
- if: success()
- id: fc
- with:
- issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
- body-includes: ""
-
- - name: Create Comment
- uses: peter-evans/create-or-update-comment@v1.4.4
- if: success() && steps.fc.outputs.comment-id == 0
- with:
- issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
- body: ${{ steps.get-comment-body.outputs.body }}
-
- - name: Update Comment
- uses: peter-evans/create-or-update-comment@v1.4.4
- if: success() && steps.fc.outputs.comment-id != 0
- with:
- issue-number: ${{ steps.get-comment-body.outputs.pr-number }}
- body: ${{ steps.get-comment-body.outputs.body }}
- comment-id: ${{ steps.fc.outputs.comment-id }}
- edit-mode: replace
\ No newline at end of file
diff --git a/.github/workflows/beta_site_lint.yml b/.github/workflows/beta_site_lint.yml
deleted file mode 100644
index a9cacd7f0..000000000
--- a/.github/workflows/beta_site_lint.yml
+++ /dev/null
@@ -1,30 +0,0 @@
-name: Beta Site Lint / Heading ID check
-
-on:
- push:
- branches:
- - main # change this if your default branch is named differently
- pull_request:
- types: [opened, synchronize, reopened]
-
-jobs:
- lint:
- runs-on: ubuntu-latest
-
- name: Lint on node 12.x and ubuntu-latest
-
- steps:
- - uses: actions/checkout@v1
- - name: Use Node.js 12.x
- uses: actions/setup-node@v1
- with:
- node-version: 12.x
-
- - name: Install deps and build (with cache)
- uses: bahmutov/npm-install@v1.7.10
- with:
- working-directory: 'beta'
-
-
- - name: Lint codebase
- run: cd beta && yarn ci-check
diff --git a/.github/workflows/label.yml b/.github/workflows/label.yml
deleted file mode 100644
index 90a961d4c..000000000
--- a/.github/workflows/label.yml
+++ /dev/null
@@ -1,22 +0,0 @@
-# This workflow will triage pull requests and apply a label based on the
-# paths that are modified in the pull request.
-#
-# To use this workflow, you will need to set up a .github/labeler.yml
-# file with configuration. For more information, see:
-# https://github.com/actions/labeler
-
-name: Labeler
-on: [pull_request_target]
-
-jobs:
- label:
-
- runs-on: ubuntu-latest
- permissions:
- contents: read
- pull-requests: write
-
- steps:
- - uses: actions/labeler@v2
- with:
- repo-token: "${{ secrets.GITHUB_TOKEN }}"
diff --git a/README.md b/README.md
index 0b91c9aa6..88245965b 100644
--- a/README.md
+++ b/README.md
@@ -1,70 +1,20 @@
-# reactjs.org
+# legacy.reactjs.org
-This repo contains the source code and documentation powering [reactjs.org](https://reactjs.org/).
+This repo contains the source code and documentation powering [legacy.reactjs.org](https://legacy.reactjs.org/).
-## Getting started
+## Not actively maintained
-### Prerequisites
+This site is archived and not maintained. For new React docs, go to [react.dev](https://react.dev) ([repository](https://github.com/reactjs/react.dev)).
-1. Git
-1. Node: any 12.x version starting with v12.0.0 or greater
-1. Yarn v1: See [Yarn website for installation instructions](https://yarnpkg.com/lang/en/docs/install/)
-1. A fork of the repo (for any contributions)
-1. A clone of the [reactjs.org repo](https://github.com/reactjs/reactjs.org) on your local machine
+## Installation
-### Installation
-
-1. `cd reactjs.org` to go into the project root
+1. `cd legacy.reactjs.org` to go into the project root
1. `yarn` to install the website's npm dependencies
-### Running locally
+## Running locally
-1. `yarn dev` to start the hot-reloading development server (powered by [Gatsby](https://www.gatsbyjs.org))
+1. `yarn dev` to start the development server (powered by [Gatsby](https://www.gatsbyjs.org))
1. `open http://localhost:8000` to open the site in your favorite browser
-## Contributing
-
-### Guidelines
-
-The documentation is divided into several sections with a different tone and purpose. If you plan to write more than a few sentences, you might find it helpful to get familiar with the [contributing guidelines](https://github.com/reactjs/reactjs.org/blob/main/CONTRIBUTING.md#guidelines-for-text) for the appropriate sections.
-
-### Create a branch
-
-1. `git checkout main` from any folder in your local `reactjs.org` repository
-1. `git pull origin main` to ensure you have the latest main code
-1. `git checkout -b the-name-of-my-branch` (replacing `the-name-of-my-branch` with a suitable name) to create a branch
-
-### Make the change
-
-1. Follow the ["Running locally"](#running-locally) instructions
-1. Save the files and check in the browser
- 1. Changes to React components in `src` will hot-reload
- 1. Changes to markdown files in `content` will hot-reload
- 1. If working with plugins, you may need to remove the `.cache` directory and restart the server
-
-### Test the change
-
-1. If possible, test any visual changes in all latest versions of common browsers, on both desktop and mobile.
-1. Run `yarn check-all` from the project root. (This will run Prettier, ESLint, and Flow.)
-
-### Push it
-
-1. `git add -A && git commit -m "My message"` (replacing `My message` with a commit message, such as `Fix header logo on Android`) to stage and commit your changes
-1. `git push my-fork-name the-name-of-my-branch`
-1. Go to the [reactjs.org repo](https://github.com/reactjs/reactjs.org) and you should see recently pushed branches.
-1. Follow GitHub's instructions.
-1. If possible, include screenshots of visual changes. A preview build is triggered after your changes are pushed to GitHub.
-
-## Translation
-
-If you are interested in translating `reactjs.org`, please see the current translation efforts at [translations.reactjs.org](https://translations.reactjs.org/).
-
-
-If your language does not have a translation and you would like to create one, please follow the instructions at [reactjs.org Translations](https://github.com/reactjs/reactjs.org-translation#translating-reactjsorg).
-
-## Troubleshooting
-
-- `yarn reset` to clear the local cache
-
## License
-Content submitted to [reactjs.org](https://reactjs.org/) is CC-BY-4.0 licensed, as found in the [LICENSE-DOCS.md](LICENSE-DOCS.md) file.
+Content at [legacy.reactjs.org](https://legacy.reactjs.org/) is CC-BY-4.0 licensed, as found in the [LICENSE-DOCS.md](LICENSE-DOCS.md) file.
diff --git a/TRANSLATION.md b/TRANSLATION.md
new file mode 100644
index 000000000..9ec57dfdb
--- /dev/null
+++ b/TRANSLATION.md
@@ -0,0 +1,146 @@
+# Çeviri
+
+Şu anki ilerleme: https://github.com/reactjs/tr.reactjs.org/issues/1
+
+# Stil Rehberi
+
+## Başlık Tanımlayıcıları
+
+Bölümlerin başlıkları aşağıdaki gibi süslü parantezler içerisinde yer alan tanımlayıcılara sahiptir:
+
+```md
+## Try React {#try-react}
+```
+
+**Bu tanımlayıcıları çevirmeyiniz**. Çünkü bu tanımlayıcılar link mantığında çalışırlar ve sayfalar arası gezinme için kullanılırlar. Bu nedenle harici olarak oluşturulurlarsa düzgün çalışmazlar.
+
+✅ Doğru:
+
+```md
+## React'i deneyin {#try-react}
+```
+
+❌ Yanlış:
+
+```md
+## React'i deneyin {#react-i-deneyin}
+```
+
+Bu kullanım, yukarıdaki bağlantının çalışmamasına neden olur.
+
+## Kod Bloklarındaki Metin
+
+Metindeki yorumlar haricinde yer alan kod bloklarını çevirmeyiniz. İsteğe bağlı olarak HTML'de görüntülenecek metinleri çevirebilirsiniz, ancak değişken, fonksiyon adı, sınıf ismi, DOM elemanı id'si gibi kodun çalışmasını direkt olarak etkileyen kısımları çevirmeyiniz.
+
+Örnek:
+```js
+// Example
+const element = Hello, world
;
+ReactDOM.render(element, document.getElementById('root'));
+```
+
+✅ Doğru:
+
+```js
+// Örnek
+const element = Hello, world
;
+ReactDOM.render(element, document.getElementById('root'));
+```
+
+✅ Doğru (HTML metin içeriği değişiyor):
+
+```js
+// Örnek
+const element = Merhaba dünya
;
+ReactDOM.render(element, document.getElementById('root'));
+```
+
+❌ YANLIŞ:
+
+```js
+// Örnek
+const element = Merhaba dünya
;
+// "root", DOM'da yer alan bir elemanın id'sini ifade eder.
+// Çevirmeyiniz
+ReactDOM.render (element, document.getElementById ('kök'));
+```
+
+❌ Kesinlikle yanlış:
+
+```js
+// Örnek
+const bileşen = Merhaba dünya
;
+ReactDOM.işle(bileşen, document.idKullanarakElemanıGetir('kök'));
+```
+
+## Dış Bağlantılar
+
+Sayfada yer alan [MDN] veya [Wikipedia] gibi harici bağlantılar diğer bir makaleye yönelikse ve bu makalenin Türkçe dilinde kabul edilebilir kalitede bir sürümü varsa, bağlantıyı bu sürümünkiyle değiştirmeyi düşününüz.
+
+[MDN]: https://developer.mozilla.org/en-US/
+[Wikipedia]: https://en.wikipedia.org/wiki/Main_Page
+[EksiSozluk]: https://eksisozluk.com/
+
+Örnek:
+
+```md
+React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object).
+```
+
+✅ İYİ:
+
+```md
+React elemanları [immutable](https://eksisozluk.com/immutable--258199)'dır.
+```
+
+Türkçe'de eşdeğeri olmayan (StackOverflow, YouTube videoları vb.) bağlantıların çevirisini yapmayınız.
+
+## Sen ve Siz Kelimeleri
+
+Tutarlılığı korumak ve okura saygı ve incelik ile hitap etmek için, you kelimesini siz olarak ele alınız.
+
+# Ortak çeviriler
+
+Bu tür teknik belgelerde yaygın olarak kullanılan terimlerin çevirisi için bazı öneriler aşağıdaki şekilde alfabetik olarak sıralanmıştır.
+
+| Orijinal kelime / terim | Öneri |
+| ------------------------- | ---------- |
+| array | dizi |
+| arrow function | ok fonksiyonu |
+| attribute | özellik |
+| bug | hata |
+| bundler | paketleyici |
+| callback | callback |
+| camelCase | camelCase |
+| child | alt / alt eleman |
+| controlled component | kontrollü bileşen |
+| debugging | hata ayıklama |
+| DOM | DOM |
+| event | olay |
+| event handler | olay yöneticisi |
+| external | harici |
+| fragment | fragment |
+| framework | çatı |
+| function component | fonksiyon bileşeni |
+| handler | yönetici |
+| hook | hook |
+| instance | nesne |
+| internal | dahili |
+| key | anahtar |
+| lazy initialization | lazy başlatım |
+| library | kütüphane |
+| lowercase | küçük harf |
+| parent | üst / üst eleman |
+| production | canlı ortam / canlı |
+| props | prop'ları |
+| pure | saf olarak / saf halde |
+| React element | React elemanı |
+| Reference | Başvuru dokümanı |
+| render | render etmek |
+| shallow rendering | yüzeysel render'lama / render etme |
+| state | state |
+| string | string |
+| template literals | template literal'leri |
+| Try it on CodePen | CodePen'de deneyin |
+| uncontrolled component | kontrolsüz bileşen |
+| effect | effect |
diff --git a/beta/.env.development b/beta/.env.development
deleted file mode 100644
index a692f21c7..000000000
--- a/beta/.env.development
+++ /dev/null
@@ -1 +0,0 @@
-SANDPACK_BARE_COMPONENTS=true
\ No newline at end of file
diff --git a/beta/.env.production b/beta/.env.production
deleted file mode 100644
index 445c9c4d0..000000000
--- a/beta/.env.production
+++ /dev/null
@@ -1,2 +0,0 @@
-NEXT_PUBLIC_GA_TRACKING_ID = 'UA-41298772-4'
-SANDPACK_BARE_COMPONENTS=true
\ No newline at end of file
diff --git a/beta/.eslintignore b/beta/.eslintignore
deleted file mode 100644
index 4738cb697..000000000
--- a/beta/.eslintignore
+++ /dev/null
@@ -1,3 +0,0 @@
-scripts
-plugins
-next.config.js
diff --git a/beta/.eslintrc b/beta/.eslintrc
deleted file mode 100644
index 147e54607..000000000
--- a/beta/.eslintrc
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "root": true,
- "extends": "next/core-web-vitals",
- "parser": "@typescript-eslint/parser",
- "plugins": ["@typescript-eslint"],
- "rules": {
- "no-unused-vars": "off",
- "@typescript-eslint/no-unused-vars": "warn"
- },
- "env": {
- "node": true,
- "commonjs": true,
- "browser": true,
- "es6": true
- }
-}
diff --git a/beta/.gitignore b/beta/.gitignore
deleted file mode 100644
index 69060a26c..000000000
--- a/beta/.gitignore
+++ /dev/null
@@ -1,38 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-tsconfig.tsbuildinfo
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-# vercel
-.vercel
-
-# external fonts
-public/fonts/Optimistic_*.woff2
diff --git a/beta/.husky/pre-commit b/beta/.husky/pre-commit
deleted file mode 100755
index bbf64071e..000000000
--- a/beta/.husky/pre-commit
+++ /dev/null
@@ -1,5 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-cd beta
-yarn lint-staged
\ No newline at end of file
diff --git a/beta/.prettierignore b/beta/.prettierignore
deleted file mode 100644
index 96f1f96d2..000000000
--- a/beta/.prettierignore
+++ /dev/null
@@ -1 +0,0 @@
-src/content/**/*.md
diff --git a/beta/.prettierrc b/beta/.prettierrc
deleted file mode 100644
index 19b54ad05..000000000
--- a/beta/.prettierrc
+++ /dev/null
@@ -1,21 +0,0 @@
-{
- "bracketSpacing": false,
- "singleQuote": true,
- "bracketSameLine": true,
- "trailingComma": "es5",
- "printWidth": 80,
- "overrides": [
- {
- "files": "*.css",
- "options": {
- "parser": "css"
- }
- },
- {
- "files": "*.md",
- "options": {
- "parser": "mdx"
- }
- }
- ]
-}
diff --git a/beta/CONTRIBUTING.md b/beta/CONTRIBUTING.md
deleted file mode 100644
index dd81c8546..000000000
--- a/beta/CONTRIBUTING.md
+++ /dev/null
@@ -1,135 +0,0 @@
-# Contributing
-
-Thank you for your interest in contributing to the React Docs!
-
-## Code of Conduct
-
-Facebook has adopted a Code of Conduct that we expect project
-participants to adhere to. Please [read the full text](https://code.facebook.com/codeofconduct)
-so that you can understand what actions will and will not be tolerated.
-
-## Technical Writing Tips
-
-This is a [good summary](https://medium.com/@kvosswinkel/coding-like-a-journalist-ee52360a16bc) for things to keep in mind when writing technical docs.
-
-## Guidelines for Text
-
-**Different sections intentionally have different styles.**
-
-The documentation is divided into sections to cater to different learning styles and use cases. When editing an article, try to match the surrounding text in tone and style. When creating a new article, try to match the tone of the other articles in the same section. Learn about the motivation behind each section below.
-
-**[Learn React](https://beta.reactjs.org/learn)** is designed to introduce fundamental concepts in a step-by-step way. Each individual article in Learn React builds on the knowledge from the previous ones, so make sure not to add any "cyclical dependencies" between them. It is important that the reader can start with the first article and work their way to the last Learn React article without ever having to "look ahead" for a definition. This explains some ordering choices (e.g. that state is explained before events, or that "thinking in React" doesn't use refs). Learn React also serves as a reference manual for React concepts, so it is important to be very strict about their definitions and relationships between them.
-
-**[API Reference](https://reactjs.org/apis/react)** is organized by APIs rather than concepts. It is intended to be exhaustive. Any corner cases or recommendations that were skipped for brevity in Learn React should be mentioned in the reference documentation for the corresponding APIs.
-
-**Try to follow your own instructions.**
-
-When writing step-by-step instructions (e.g. how to install something), try to forget everything you know about the topic, and actually follow the instructions you wrote, a single step at time. Often you will discover that there is implicit knowledge that you forgot to mention, or that there are missing or out-of-order steps in the instructions. Bonus points for getting *somebody else* to follow the steps and watching what they struggle with. Often it would be something very simple that you have not anticipated.
-
-## Guidelines for Code Examples
-
-### Syntax
-
-#### Prefer JSX to `createElement`.
-
-Ignore this if you're specifically describing `createElement`.
-
-#### Use `const` where possible, otherwise `let`. Don't use `var`.
-
-Ignore this if you're specifically writing about ES5.
-
-#### Don't use ES6 features when equivalent ES5 features have no downsides.
-
-Remember that ES6 is still new to a lot of people. While we use it in many places (`const` / `let`, classes, arrow functions), if the equivalent ES5 code is just as straightforward and readable, consider using it.
-
-In particular, you should prefer named `function` declarations over `const myFunction = () => ...` arrows for top-level functions. However, you *should* use arrow functions where they provide a tangible improvement (such as preserving `this` context inside a component). Consider both sides of the tradeoff when deciding whether to use a new feature.
-
-#### Don't use features that aren't standardized yet.
-
-For example, **don't** write this:
-
-```js
-class MyComponent extends React.Component {
- state = {value: ''};
- handleChange = (e) => {
- this.setState({value: e.target.value});
- };
-}
-```
-
-Instead, **do** write this:
-
-```js
-class MyComponent extends React.Component {
- constructor(props) {
- super(props);
- this.handleChange = this.handleChange.bind(this);
- this.state = {value: ''};
- }
- handleChange(e) {
- this.setState({value: e.target.value});
- }
-}
-```
-
-Ignore this rule if you're specifically describing an experimental proposal. Make sure to mention its experimental nature in the code and in the surrounding text.
-
-### Style
-
-- Use semicolons.
-- No space between function names and parens (`method() {}` not `method () {}`).
-- When in doubt, use the default style favored by [Prettier](https://prettier.io/playground/).
-
-### Highlighting
-
-Use `js` as the highlighting language in Markdown code blocks:
-
-````
-```js
-// code
-```
-````
-
-Sometimes you'll see blocks with numbers.
-They tell the website to highlight specific lines.
-
-You can highlight a single line:
-
-````
-```js {2}
-function hello() {
- // this line will get highlighted
-}
-```
-````
-
-A range of lines:
-
-````
-```js {2-4}
-function hello() {
- // these lines
- // will get
- // highlighted
-}
-```
-````
-
-Or even multiple ranges:
-
-````
-```js {2-4,6}
-function hello() {
- // these lines
- // will get
- // highlighted
- console.log('hello');
- // also this one
- console.log('there');
-}
-```
-````
-
-Be mindful that if you move some code in an example with highlighting, you also need to update the highlighting.
-
-Don't be afraid to often use highlighting! It is very valuable when you need to focus the reader's attention on a particular detail that's easy to miss.
diff --git a/beta/README.md b/beta/README.md
deleted file mode 100644
index 8208938ee..000000000
--- a/beta/README.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# reactjs.org
-
-This repo contains the source code and documentation powering [beta.reactjs.org](https://beta.reactjs.org/).
-
-
-## Getting started
-
-### Prerequisites
-
-1. Git
-1. Node: any 12.x version starting with v12.0.0 or greater
-1. Yarn: See [Yarn website for installation instructions](https://yarnpkg.com/lang/en/docs/install/)
-1. A fork of the repo (for any contributions)
-1. A clone of the [reactjs.org repo](https://github.com/reactjs/reactjs.org) on your local machine
-
-### Installation
-
-1. `cd reactjs.org` to go into the project root
-1. `cd beta` to open the beta website
-3. `yarn` to install the website's npm dependencies
-
-### Running locally
-
-1. Make sure you're in the `beta` folder
-1. `yarn dev` to start the development server (powered by [Next.js](https://nextjs.org/))
-1. `open http://localhost:3000` to open the site in your favorite browser
-
-## Contributing
-
-### Guidelines
-
-The documentation is divided into several sections with a different tone and purpose. If you plan to write more than a few sentences, you might find it helpful to get familiar with the [contributing guidelines](https://github.com/reactjs/reactjs.org/blob/main/CONTRIBUTING.md#guidelines-for-text) for the appropriate sections.
-
-### Create a branch
-
-1. `git checkout main` from any folder in your local `reactjs.org` repository
-1. `git pull origin main` to ensure you have the latest main code
-1. `git checkout -b the-name-of-my-branch` (replacing `the-name-of-my-branch` with a suitable name) to create a branch
-
-### Make the change
-
-1. Follow the ["Running locally"](#running-locally) instructions
-1. Save the files and check in the browser
- 1. Changes to React components in `src` will hot-reload
- 1. Changes to markdown files in `content` will hot-reload
- 1. If working with plugins, you may need to remove the `.cache` directory and restart the server
-
-### Test the change
-
-1. If possible, test any visual changes in all latest versions of common browsers, on both desktop and mobile.
-2. Run `yarn check-all` from the `beta` folder. (This will run Prettier, ESLint and validate types.)
-
-### Push it
-
-1. `git add -A && git commit -m "My message"` (replacing `My message` with a commit message, such as `Fix header logo on Android`) to stage and commit your changes
-1. `git push my-fork-name the-name-of-my-branch`
-1. Go to the [reactjs.org repo](https://github.com/reactjs/reactjs.org) and you should see recently pushed branches.
-1. Follow GitHub's instructions.
-1. If possible, include screenshots of visual changes. A preview build is triggered after your changes are pushed to GitHub.
-
-## Translation
-
-If you are interested in translating `reactjs.org`, please see the current translation efforts at [translations.reactjs.org](https://translations.reactjs.org/).
-
-
-If your language does not have a translation and you would like to create one, please follow the instructions at [reactjs.org Translations](https://github.com/reactjs/reactjs.org-translation#translating-reactjsorg).
-
-## Troubleshooting
-
-- `yarn reset` to clear the local cache
-
-## License
-Content submitted to [reactjs.org](https://reactjs.org/) is CC-BY-4.0 licensed, as found in the [LICENSE-DOCS.md](https://github.com/open-source-explorer/reactjs.org/blob/master/LICENSE-DOCS.md) file.
diff --git a/beta/colors.js b/beta/colors.js
deleted file mode 100644
index acf8214ee..000000000
--- a/beta/colors.js
+++ /dev/null
@@ -1,93 +0,0 @@
-/*
- * Copyright (c) Facebook, Inc. and its affiliates.
- */
-
-module.exports = {
- // Text colors
- primary: '#23272F', // gray-90
- 'primary-dark': '#F6F7F9', // gray-5
- secondary: '#404756', // gray-70
- 'secondary-dark': '#EBECF0', // gray-10
- tertiary: '#5E687E', // gray-50
- 'tertiary-dark': '#99A1B3', // gray-30
- link: '#087EA4', // blue-50
- 'link-dark': '#149ECA', // blue-40
- syntax: '#EBECF0', // gray-10
- wash: '#FFFFFF',
- 'wash-dark': '#23272F', // gray-90
- card: '#F6F7F9', // gray-05
- 'card-dark': '#343A46', // gray-80
- highlight: '#E6F7FF', // blue-10
- 'highlight-dark': 'rgba(88,175,223,.1)',
- border: '#EBECF0', // gray-10
- 'border-dark': '#343A46', // gray-80
- 'secondary-button': '#EBECF0', // gray-10
- 'secondary-button-dark': '#404756', // gray-70
-
- // Gray
- 'gray-95': '#16181D',
- 'gray-90': '#23272F',
- 'gray-80': '#343A46',
- 'gray-70': '#404756',
- 'gray-60': '#4E5769',
- 'gray-50': '#5E687E',
- 'gray-40': '#78839B',
- 'gray-30': '#99A1B3',
- 'gray-20': '#BCC1CD',
- 'gray-15': '#D0D3DC',
- 'gray-10': '#EBECF0',
- 'gray-5': '#F6F7F9',
-
- // Blue
- 'blue-80': '#043849',
- 'blue-60': '#045975',
- 'blue-50': '#087EA4',
- 'blue-40': '#149ECA', // Brand Blue
- 'blue-30': '#58C4DC', // unused
- 'blue-20': '#ABE2ED',
- 'blue-10': '#E6F7FF', // todo: doesn't match illustrations
- 'blue-5': '#E6F6FA',
-
- // Yellow
- 'yellow-60': '#B65700',
- 'yellow-50': '#C76A15',
- 'yellow-40': '#DB7D27', // unused
- 'yellow-30': '#FABD62', // unused
- 'yellow-20': '#FCDEB0', // unused
- 'yellow-10': '#FDE7C7',
- 'yellow-5': '#FEF5E7',
-
- // Purple
- 'purple-60': '#2B3491', // unused
- 'purple-50': '#575FB7',
- 'purple-40': '#6B75DB',
- 'purple-30': '#8891EC',
- 'purple-20': '#C3C8F5', // unused
- 'purple-10': '#E7E9FB',
- 'purple-5': '#F3F4FD',
-
- // Green
- 'green-60': '#2B6E62',
- 'green-50': '#388F7F',
- 'green-40': '#44AC99',
- 'green-30': '#7FCCBF',
- 'green-20': '#ABDED5',
- 'green-10': '#E5F5F2',
- 'green-5': '#F4FBF9',
-
- // RED
- 'red-60': '#712D28',
- 'red-50': '#A6423A', // unused
- 'red-40': '#C1554D',
- 'red-30': '#D07D77',
- 'red-20': '#E5B7B3', // unused
- 'red-10': '#F2DBD9', // unused
- 'red-5': '#FAF1F0',
-
- // MISC
- 'code-block': '#99a1b30f', // gray-30 @ 6%
- 'gradient-blue': '#58C4DC', // Only used for the landing gradient for now.
- github: {
- highlight: '#fffbdd',
- },
-};
diff --git a/beta/next-env.d.ts b/beta/next-env.d.ts
deleted file mode 100644
index 4f11a03dc..000000000
--- a/beta/next-env.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-///
-///
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/beta/next.config.js b/beta/next.config.js
deleted file mode 100644
index 2ea3e916e..000000000
--- a/beta/next.config.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
- * Copyright (c) Facebook, Inc. and its affiliates.
- */
-
-/**
- * @type {import('next').NextConfig}
- **/
-const nextConfig = {
- pageExtensions: ['jsx', 'js', 'ts', 'tsx', 'mdx', 'md'],
- reactStrictMode: true,
- experimental: {
- plugins: true,
- scrollRestoration: true,
- legacyBrowsers: false,
- browsersListForSwc: true,
- },
- env: {
- SANDPACK_BARE_COMPONENTS: process.env.SANDPACK_BARE_COMPONENTS,
- },
- webpack: (config, {dev, isServer, ...options}) => {
- if (process.env.ANALYZE) {
- const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
- config.plugins.push(
- new BundleAnalyzerPlugin({
- analyzerMode: 'static',
- reportFilename: options.isServer
- ? '../analyze/server.html'
- : './analyze/client.html',
- })
- );
- }
-
- // Don't bundle the shim unnecessarily.
- config.resolve.alias['use-sync-external-store/shim'] = 'react';
-
- const {IgnorePlugin, NormalModuleReplacementPlugin} = require('webpack');
- config.plugins.push(
- new NormalModuleReplacementPlugin(
- /^@stitches\/core$/,
- require.resolve('./src/utils/emptyShim.js')
- ),
- new NormalModuleReplacementPlugin(
- /^raf$/,
- require.resolve('./src/utils/rafShim.js')
- ),
- new NormalModuleReplacementPlugin(
- /^process$/,
- require.resolve('./src/utils/processShim.js')
- ),
- new IgnorePlugin({
- checkResource(resource, context) {
- if (
- /\/eslint\/lib\/rules$/.test(context) &&
- /\.\/[\w-]+(\.js)?$/.test(resource)
- ) {
- // Skips imports of built-in rules that ESLint
- // tries to carry into the bundle by default.
- // We only want the engine and the React rules.
- return true;
- }
- return false;
- },
- })
- );
-
- return config;
- },
-};
-
-module.exports = nextConfig;
diff --git a/beta/package.json b/beta/package.json
deleted file mode 100644
index acef2acfc..000000000
--- a/beta/package.json
+++ /dev/null
@@ -1,112 +0,0 @@
-{
- "name": "react-website",
- "version": "1.0.0",
- "private": true,
- "license": "CC",
- "scripts": {
- "analyze": "ANALYZE=true next build",
- "dev": "next-remote-watch ./src/content",
- "build": "next build && node ./scripts/downloadFonts.js",
- "lint": "next lint",
- "lint:fix": "next lint --fix",
- "format:source": "prettier --config .prettierrc --write \"{plugins,src}/**/*.{js,ts,jsx,tsx,css}\"",
- "nit:source": "prettier --config .prettierrc --list-different \"{plugins,src}/**/*.{js,ts,jsx,tsx,css}\"",
- "prettier": "yarn format:source",
- "prettier:diff": "yarn nit:source",
- "lint-heading-ids": "node scripts/headingIdLinter.js",
- "fix-headings": "node scripts/headingIdLinter.js --fix",
- "ci-check": "npm-run-all prettier:diff --parallel lint tsc lint-heading-ids",
- "tsc": "tsc --noEmit",
- "start": "next start",
- "postinstall": "patch-package && (is-ci || (cd .. && husky install beta/.husky))",
- "check-all": "npm-run-all prettier lint:fix tsc"
- },
- "dependencies": {
- "@codesandbox/sandpack-react": "1.15.5",
- "@docsearch/css": "3.0.0-alpha.41",
- "@docsearch/react": "3.0.0-alpha.41",
- "@headlessui/react": "^1.7.0",
- "body-scroll-lock": "^3.1.3",
- "classnames": "^2.2.6",
- "date-fns": "^2.16.1",
- "debounce": "^1.2.1",
- "ga-lite": "^2.1.4",
- "github-slugger": "^1.3.0",
- "next": "12.3.2-canary.7",
- "next-remote-watch": "^1.0.0",
- "parse-numeric-range": "^1.2.0",
- "react": "0.0.0-experimental-cb5084d1c-20220924",
- "react-collapsed": "npm:@gaearon/react-collapsed@3.1.0-forked.1",
- "react-dom": "0.0.0-experimental-cb5084d1c-20220924",
- "remark-frontmatter": "^4.0.1",
- "remark-gfm": "^3.0.1"
- },
- "devDependencies": {
- "@babel/core": "^7.12.9",
- "@babel/plugin-transform-modules-commonjs": "^7.18.6",
- "@babel/preset-react": "^7.18.6",
- "@mdx-js/mdx": "^2.1.3",
- "@types/body-scroll-lock": "^2.6.1",
- "@types/classnames": "^2.2.10",
- "@types/debounce": "^1.2.1",
- "@types/github-slugger": "^1.3.0",
- "@types/mdx-js__react": "^1.5.2",
- "@types/node": "^14.6.4",
- "@types/parse-numeric-range": "^0.0.1",
- "@types/react": "^18.0.9",
- "@types/react-dom": "^18.0.5",
- "@typescript-eslint/eslint-plugin": "^5.36.2",
- "@typescript-eslint/parser": "^5.36.2",
- "asyncro": "^3.0.0",
- "autoprefixer": "^10.4.2",
- "babel-eslint": "10.x",
- "eslint": "7.x",
- "eslint-config-next": "12.0.3",
- "eslint-config-react-app": "^5.2.1",
- "eslint-plugin-flowtype": "4.x",
- "eslint-plugin-import": "2.x",
- "eslint-plugin-jsx-a11y": "6.x",
- "eslint-plugin-react": "7.x",
- "eslint-plugin-react-hooks": "^0.0.0-experimental-fabef7a6b-20221215",
- "fs-extra": "^9.0.1",
- "globby": "^11.0.1",
- "gray-matter": "^4.0.2",
- "husky": "^7.0.4",
- "is-ci": "^3.0.1",
- "lint-staged": ">=10",
- "mdast-util-to-string": "^1.1.0",
- "metro-cache": "0.72.2",
- "npm-run-all": "^4.1.5",
- "patch-package": "^6.2.2",
- "postcss": "^8.4.5",
- "postcss-flexbugs-fixes": "4.2.1",
- "postcss-preset-env": "^6.7.0",
- "prettier": "^2.5.1",
- "reading-time": "^1.2.0",
- "remark": "^12.0.1",
- "remark-external-links": "^7.0.0",
- "remark-html": "^12.0.0",
- "remark-images": "^2.0.0",
- "remark-slug": "^7.0.0",
- "remark-unwrap-images": "^2.0.0",
- "retext": "^7.0.1",
- "retext-smartypants": "^4.0.0",
- "rss": "^1.2.2",
- "tailwindcss": "^3.0.22",
- "typescript": "^4.0.2",
- "unist-util-visit": "^2.0.3",
- "webpack-bundle-analyzer": "^4.5.0"
- },
- "engines": {
- "node": ">=12.x"
- },
- "nextBundleAnalysis": {
- "budget": null,
- "budgetPercentIncreaseRed": 10,
- "showDetails": true
- },
- "lint-staged": {
- "*.{js,ts,jsx,tsx,css}": "yarn prettier",
- "src/**/*.md": "yarn fix-headings"
- }
-}
diff --git a/beta/patches/@codemirror+lang-javascript+0.19.6.patch b/beta/patches/@codemirror+lang-javascript+0.19.6.patch
deleted file mode 100644
index 3436b8e37..000000000
--- a/beta/patches/@codemirror+lang-javascript+0.19.6.patch
+++ /dev/null
@@ -1,30 +0,0 @@
-diff --git a/node_modules/@codemirror/lang-javascript/dist/index.cjs b/node_modules/@codemirror/lang-javascript/dist/index.cjs
-index 4475e4f..e1255c9 100644
---- a/node_modules/@codemirror/lang-javascript/dist/index.cjs
-+++ b/node_modules/@codemirror/lang-javascript/dist/index.cjs
-@@ -135,7 +135,9 @@ const javascriptLanguage = language.LRLanguage.define({
- JSXText: highlight.tags.content,
- "JSXStartTag JSXStartCloseTag JSXSelfCloseEndTag JSXEndTag": highlight.tags.angleBracket,
- "JSXIdentifier JSXNameSpacedName": highlight.tags.tagName,
-- "JSXAttribute/JSXIdentifier JSXAttribute/JSXNameSpacedName": highlight.tags.attributeName
-+ "JSXAttribute/JSXIdentifier JSXAttribute/JSXNameSpacedName": highlight.tags.attributeName,
-+ "JSXAttribute/JSXLowerIdentifier JSXAttribute/JSXNameSpacedName": highlight.tags.attributeName,
-+ "JSXBuiltin/JSXIdentifier": highlight.tags.standard(highlight.tags.tagName)
- })
- ]
- }),
-diff --git a/node_modules/@codemirror/lang-javascript/dist/index.js b/node_modules/@codemirror/lang-javascript/dist/index.js
-index d089f6b..db09ea6 100644
---- a/node_modules/@codemirror/lang-javascript/dist/index.js
-+++ b/node_modules/@codemirror/lang-javascript/dist/index.js
-@@ -131,7 +131,9 @@ const javascriptLanguage = /*@__PURE__*/LRLanguage.define({
- JSXText: tags.content,
- "JSXStartTag JSXStartCloseTag JSXSelfCloseEndTag JSXEndTag": tags.angleBracket,
- "JSXIdentifier JSXNameSpacedName": tags.tagName,
-- "JSXAttribute/JSXIdentifier JSXAttribute/JSXNameSpacedName": tags.attributeName
-+ "JSXAttribute/JSXIdentifier JSXAttribute/JSXNameSpacedName": tags.attributeName,
-+ "JSXAttribute/JSXLowerIdentifier JSXAttribute/JSXNameSpacedName": tags.attributeName,
-+ "JSXBuiltin/JSXIdentifier": tags.standard(tags.tagName),
- })
- ]
- }),
diff --git a/beta/patches/@codesandbox+sandpack-react+1.15.5.patch b/beta/patches/@codesandbox+sandpack-react+1.15.5.patch
deleted file mode 100644
index 6a9a438dc..000000000
--- a/beta/patches/@codesandbox+sandpack-react+1.15.5.patch
+++ /dev/null
@@ -1,26 +0,0 @@
-diff --git a/node_modules/@codesandbox/sandpack-react/dist/cjs/index.js b/node_modules/@codesandbox/sandpack-react/dist/cjs/index.js
-index 6b8518e..86dd663 100644
---- a/node_modules/@codesandbox/sandpack-react/dist/cjs/index.js
-+++ b/node_modules/@codesandbox/sandpack-react/dist/cjs/index.js
-@@ -395,7 +395,7 @@ createApp(App).mount('#app')
-
-
-