diff --git a/docusaurus/docs/available-scripts.md b/docusaurus/docs/available-scripts.md index fa438459f13..b52b0926bb7 100644 --- a/docusaurus/docs/available-scripts.md +++ b/docusaurus/docs/available-scripts.md @@ -8,24 +8,19 @@ In the project directory, you can run: ## `npm start` -Runs the app in the development mode.
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser. +Runs the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser. -The page will reload if you make edits.
-You will also see any lint errors in the console. +The page will reload if you make edits. You will also see any lint errors in the console. ## `npm test` -Launches the test runner in the interactive watch mode.
-See the section about [running tests](/docs/running-tests) for more information. +Launches the test runner in the interactive watch mode. See the section about [running tests](/docs/running-tests) for more information. ## `npm run build` -Builds the app for production to the `build` folder.
-It correctly bundles React in production mode and optimizes the build for the best performance. +Builds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance. -The build is minified and the filenames include the hashes.
-Your app is ready to be deployed! +The build is minified and the filenames include the hashes. Your app is ready to be deployed! See the section about [deployment](/docs/deployment) for more information. diff --git a/docusaurus/docs/documentation-intro.md b/docusaurus/docs/documentation-intro.md index f428aaac340..cc430b51808 100644 --- a/docusaurus/docs/documentation-intro.md +++ b/docusaurus/docs/documentation-intro.md @@ -1,10 +1,10 @@ --- id: documentation-intro -title: Welcome To The Documentation +title: About The Docs sidebar_label: About The Docs --- -Please navigate via the table of content for finding what you are looking for. +Welcome to the documentation! Please navigate via the table of contents to find what you are looking for. ## Something Missing? diff --git a/docusaurus/docs/folder-structure.md b/docusaurus/docs/folder-structure.md index e8564b493f3..625b3272150 100644 --- a/docusaurus/docs/folder-structure.md +++ b/docusaurus/docs/folder-structure.md @@ -29,11 +29,8 @@ For the project to build, **these files must exist with exact filenames**: You can delete or rename the other files. -You may create subdirectories inside `src`. For faster rebuilds, only files inside `src` are processed by Webpack.
-You need to **put any JS and CSS files inside `src`**, otherwise Webpack won’t see them. +You may create subdirectories inside `src`. For faster rebuilds, only files inside `src` are processed by Webpack. You need to **put any JS and CSS files inside `src`**, otherwise Webpack won’t see them. -Only files inside `public` can be used from `public/index.html`.
-Read instructions below for using assets from JavaScript and HTML. +Only files inside `public` can be used from `public/index.html`. Read instructions below for using assets from JavaScript and HTML. -You can, however, create more top-level directories.
-They will not be included in the production build so you can use them for things like documentation. +You can, however, create more top-level directories. They will not be included in the production build so you can use them for things like documentation. diff --git a/docusaurus/docs/getting-started.md b/docusaurus/docs/getting-started.md index 4e046fb1635..42c46a0b7ae 100644 --- a/docusaurus/docs/getting-started.md +++ b/docusaurus/docs/getting-started.md @@ -16,7 +16,8 @@ npm start _([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+ and higher, see [instructions for older npm versions](https://gist.github.com/gaearon/4064d3c23a77c74a3614c498a8bb1c5f))_ -Then open [http://localhost:3000/](http://localhost:3000/) to see your app.
+Then open [http://localhost:3000/](http://localhost:3000/) to see your app. + When you’re ready to deploy to production, create a minified bundle with `npm run build`.

@@ -25,8 +26,7 @@ When you’re ready to deploy to production, create a minified bundle with `npm ### Get Started Immediately -You **don’t** need to install or configure tools like Webpack or Babel.
-They are preconfigured and hidden so that you can focus on the code. +You **don’t** need to install or configure tools like Webpack or Babel. They are preconfigured and hidden so that you can focus on the code. Just create a project, and you’re good to go. @@ -62,8 +62,7 @@ _`yarn create` is available in Yarn 0.25+_ ## Output -Running either of these commands will create a directory called `my-app` inside the current folder.
-Inside that directory, it will generate the initial project structure and install the transitive dependencies: +Running amy of these commands will create a directory called `my-app` inside the current folder. Inside that directory, it will generate the initial project structure and install the transitive dependencies: ``` my-app @@ -85,8 +84,7 @@ my-app └── registerServiceWorker.js ``` -No configuration or complicated folder structures, just the files you need to build your app.
-Once the installation is done, you can open your project folder: +No configuration or complicated folder structures, just the files you need to build your app. Once the installation is done, you can open your project folder: ```sh cd my-app @@ -98,11 +96,9 @@ Inside the newly created project, you can run some built-in commands: ### `npm start` or `yarn start` -Runs the app in development mode.
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser. +Runs the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser. -The page will automatically reload if you make changes to the code.
-You will see the build errors and lint warnings in the console. +The page will automatically reload if you make changes to the code. You will see the build errors and lint warnings in the console.

Build errors @@ -110,15 +106,13 @@ You will see the build errors and lint warnings in the console. ### `npm test` or `yarn test` -Runs the test watcher in an interactive mode.
-By default, runs tests related to files changed since the last commit. +Runs the test watcher in an interactive mode. By default, runs tests related to files changed since the last commit. -[Read more about testing.](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#running-tests) +[Read more about testing](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#running-tests). ### `npm run build` or `yarn build` -Builds the app for production to the `build` folder.
-It correctly bundles React in production mode and optimizes the build for the best performance. +Builds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes. diff --git a/docusaurus/docs/supported-language-features.md b/docusaurus/docs/supported-browsers-features.md similarity index 89% rename from docusaurus/docs/supported-language-features.md rename to docusaurus/docs/supported-browsers-features.md index 2d320ce3144..76a8f9a9e7a 100644 --- a/docusaurus/docs/supported-language-features.md +++ b/docusaurus/docs/supported-browsers-features.md @@ -1,18 +1,16 @@ --- id: supported-browsers-features title: Supported Browsers And Features -sidebar_label: Browsers & Features +sidebar_label: Supported Browsers And Features --- ## Supported Browsers -By default, the generated project supports all modern browsers.
-Support for Internet Explorer 9, 10, and 11 requires [polyfills](https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md). +By default, the generated project supports all modern browsers. Support for Internet Explorer 9, 10, and 11 requires [polyfills](https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md). ## Supported Language Features -This project supports a superset of the latest JavaScript standard.
-In addition to [ES6](https://github.com/lukehoban/es6features) syntax features, it also supports: +This project supports a superset of the latest JavaScript standard. In addition to [ES6](https://github.com/lukehoban/es6features) syntax features, it also supports: - [Exponentiation Operator](https://github.com/rwaldron/exponentiation-operator) (ES2016). - [Async/await](https://github.com/tc39/ecmascript-asyncawait) (ES2017). diff --git a/docusaurus/website/core/Footer.js b/docusaurus/website/core/Footer.js index ba617e64aed..3cc2f1f6c36 100644 --- a/docusaurus/website/core/Footer.js +++ b/docusaurus/website/core/Footer.js @@ -34,12 +34,12 @@ class Footer extends React.Component {

Docs
+ + About The Docs + Getting Started - - Documentation -
Community
diff --git a/docusaurus/website/i18n/en.json b/docusaurus/website/i18n/en.json index 8a1ad0a38c5..fb381f360ba 100644 --- a/docusaurus/website/i18n/en.json +++ b/docusaurus/website/i18n/en.json @@ -68,7 +68,7 @@ "title": "Developing Components In Isolation" }, "documentation-intro": { - "title": "Welcome To The Documentation", + "title": "About The Docs", "sidebar_label": "About The Docs" }, "fetching-data-with-ajax-requests": { @@ -114,7 +114,7 @@ }, "supported-browsers-features": { "title": "Supported Browsers And Features", - "sidebar_label": "Browsers & Features" + "sidebar_label": "Supported Browsers And Features" }, "title-and-meta-tags": { "title": "Title And Meta Tags", @@ -139,7 +139,7 @@ } }, "links": { - "Getting started": "Getting started", + "Getting Started": "Getting Started", "Help": "Help", "GitHub": "GitHub" }, diff --git a/docusaurus/website/pages/en/index.js b/docusaurus/website/pages/en/index.js index 939484caaac..aebd78058c1 100755 --- a/docusaurus/website/pages/en/index.js +++ b/docusaurus/website/pages/en/index.js @@ -77,7 +77,7 @@ class HomeSplash extends React.Component { diff --git a/docusaurus/website/siteConfig.js b/docusaurus/website/siteConfig.js index 5c59bc8ab47..56c56a7e159 100644 --- a/docusaurus/website/siteConfig.js +++ b/docusaurus/website/siteConfig.js @@ -26,7 +26,7 @@ const siteConfig = { // For no header links in the top nav bar -> headerLinks: [], headerLinks: [ - { doc: 'getting-started', label: 'Getting started' }, + { doc: 'getting-started', label: 'Getting Started' }, { href: 'https://reactjs.org/community/support.html', label: 'Help' }, { href: 'https://www.github.com/facebook/create-react-app',