diff --git a/content/en/about/browser-support.md b/content/en/about/browser-support.md index 174fc93fe..e935e348b 100755 --- a/content/en/about/browser-support.md +++ b/content/en/about/browser-support.md @@ -6,7 +6,7 @@ description: "Preact supports all modern browsers (Chrome, Firefox, Safari, Edge # Browser Support -Preact supports modern browsers (Chrome, Firefox, Safari, Edge) and IE11+. It works out of the box with these browsers and no additional polyfills are needed. +Preact supports modern browsers (Chrome, Firefox, Safari, Edge) and IE11. It works out of the box with these browsers and no additional polyfills are needed.
diff --git a/content/en/about/cli.md b/content/en/about/cli.md deleted file mode 100644 index caf4d93c0..000000000 --- a/content/en/about/cli.md +++ /dev/null @@ -1,41 +0,0 @@ ---- -name: Preact CLI -permalink: '/about/cli' -description: 'Learn how to use preact-cli with Preact to speed up your development workflow' ---- - -# Preact CLI - -Start building a [Preact] Progressive Web App in seconds 🔥 - -### Features - -- **100/100 Lighthouse score**, right out of the box ([proof]) -- Fully **automatic code splitting** for routes -- Transparently code-split any component with an [`async!`] prefix -- Auto-generated [Service Workers] for offline caching powered by [sw-precache] -- [PRPL] pattern support for efficient loading -- Zero-configuration pre-rendering / server-side rendering hydration -- Support for CSS Modules, LESS, Sass, Stylus; with Autoprefixer -- Monitor your bundle/chunk sizes with built-in tracking -- Automatic app mounting, debug helpers & Hot Module Replacement -- Fully customizable (Babel, [`"browserslist"`], webpack, template support, [plugins] -- In just **4.5kb** you get a productive environment: - - [preact] - - [preact-router] - - 1.5kb of conditionally-loaded polyfills for [fetch] & [Promise] - -### [Get Started on Github](https://github.com/preactjs/preact-cli) -[![Build Status](https://travis-ci.org/preactjs/preact-cli.svg?branch=master)](https://travis-ci.org/preactjs/preact-cli) [![NPM Downloads](https://img.shields.io/npm/dm/preact-cli.svg?style=flat)](https://www.npmjs.com/package/preact-cli) [![NPM Version](https://img.shields.io/npm/v/preact-cli.svg?style=flat)](https://www.npmjs.com/package/preact-cli) [![Lighthouse score: 100/100](https://lighthouse-badge.appspot.com/?score=100)](https://github.com/developit/preact-cli) - -[Promise]: https://npm.im/promise-polyfill -[fetch]: https://github.com/developit/unfetch -[preact]: https://github.com/preactjs/preact -[`"browserslist"`]: https://github.com/ai/browserslist -[sw-precache]: https://github.com/GoogleChrome/sw-precache -[preact-router]: https://github.com/preactjs/preact-router -[plugins]: https://github.com/preactjs/preact-cli/wiki/Plugins -[PRPL]: https://developers.google.com/web/fundamentals/performance/prpl-pattern -[proof]: https://googlechrome.github.io/lighthouse/viewer/?gist=142af6838482417af741d966e7804346 -[Service Workers]: https://developers.google.com/web/fundamentals/getting-started/primers/service-workers -[`async!`]: https://github.com/developit/preact-cli/blob/222e7018dd360e40f7db622191aeca62d6ef0c9a/examples/full/src/components/app.js#L7 diff --git a/content/en/about/project-goals.md b/content/en/about/project-goals.md index 0e7a48f6b..11c2d2385 100755 --- a/content/en/about/project-goals.md +++ b/content/en/about/project-goals.md @@ -20,7 +20,7 @@ Preact aims to deliver on a few key goals: Some React features are intentionally omitted from Preact, either because they are not achievable while meeting the primary project goals listed above or because they don't fit within the scope of Preact's core set of functionality. -- The intentional items under [Differences to React](/guide/v10/differences-to-react): +The intentional items under [Differences to React](/guide/v10/differences-to-react): - `PropTypes`, which are easily used as a separate library - `Children`, can be replaced with native arrays - `Synthetic Events`, since Preact does not attempt to patch issues in older browsers like IE8 diff --git a/content/en/guide/v10/api-reference.md b/content/en/guide/v10/api-reference.md index 3c4a9a9bb..3110c1770 100644 --- a/content/en/guide/v10/api-reference.md +++ b/content/en/guide/v10/api-reference.md @@ -151,7 +151,7 @@ h( ## toChildArray -This helper function converts a `props.children` value to a flattened Array regardless of its structure or nesting. If `props.children` is already an array, a copy is returned. This function is useful in cases where `props.children` may not be an array, which can happen with certain combinatations of static and dynamic expressions in JSX. +This helper function converts a `props.children` value to a flattened Array regardless of its structure or nesting. If `props.children` is already an array, a copy is returned. This function is useful in cases where `props.children` may not be an array, which can happen with certain combinations of static and dynamic expressions in JSX. For Virtual DOM Elements with a single child, `props.children` is a reference to the child. When there are multiple children, `props.children` is always an Array. The `toChildArray` helper provides a way to consistently handle all cases. @@ -201,7 +201,7 @@ See the section in the [Context documentation](/guide/v10/context#createcontext) ## createRef -Creates a ref object, with a `.current` property pointing to the ref's most recently set value. +Creates a `ref` object, with a `current` property pointing to the `ref`'s most recently set value. See the [References documentation](/guide/v10/refs#createref) for more details. diff --git a/content/en/index.md b/content/en/index.md index beec407b9..1851e63a1 100755 --- a/content/en/index.md +++ b/content/en/index.md @@ -136,7 +136,7 @@ function Counter() {
-

Todo List Component

+

Todo List


 export default class TodoList extends Component {
     state = { todos: [], text: '' };
diff --git a/test/browser/homepage.test.js b/test/browser/homepage.test.js
index 304f957c7..3a1062bc2 100644
--- a/test/browser/homepage.test.js
+++ b/test/browser/homepage.test.js
@@ -54,7 +54,7 @@ describe('Homepage', () => {
 	it('should display "Preact" text on page', async () => {
 		await page.goto(URL);
 		await expect(page).toMatch('A different kind of library');
-		await expect(page).toMatch('Todo List Component');
+		await expect(page).toMatch('Todo List');
 	});
 
 	it('should not load extra code', async () => {
@@ -121,7 +121,7 @@ describe('No JS', () => {
 	it('should display "Preact" text on page', async () => {
 		await page.goto(URL);
 		await expect(page).toMatch('A different kind of library');
-		await expect(page).toMatch('Todo List Component');
+		await expect(page).toMatch('Todo List');
 	});
 
 	it('should navigate to guide', async () => {