diff --git a/README.md b/README.md index cb89c5e2..31812109 100644 --- a/README.md +++ b/README.md @@ -29,8 +29,9 @@ Browser support: Chrome, Firefox, Edge, Safari 7+, IE 10+. ## Quick start The easiest way to get started with React Native for Web is to use this -[ready-to-go project on Glitch](https://glitch.com/edit/#!/react-native). -You don’t need to install anything to try it out. +[CodeSandbox](https://codesandbox.io/s/q4qymyp2l6) template (or +[Glitch](https://glitch.com/edit/#!/react-native)). You don’t need to install +anything to try it out. ## Documentation @@ -42,21 +43,6 @@ design details, and for information about the [Gesture Responder system](https://facebook.github.io/react-native/docs/gesture-responder-system.html) and [animations](https://facebook.github.io/react-native/docs/animations.html). -### Installation - -Install using `yarn` or `npm`: - -``` -yarn add react react-dom react-native-web -yarn add --dev babel-plugin-react-native-web -``` - -And if you need to use `ART`: - -``` -yarn add react-art -``` - ### Guides * [Getting started](https://github.com/necolas/react-native-web/blob/master/website/guides/getting-started.md) @@ -109,8 +95,8 @@ Examples of using React Native for Web with other web tools: * [Next.js](https://github.com/zeit/next.js/tree/master/examples/with-react-native-web) * [Phenomic](https://github.com/phenomic/phenomic/tree/master/examples/react-native-web-app) * [Razzle](https://github.com/jaredpalmer/razzle/tree/master/examples/with-react-native-web) -* [Storybook](https://github.com/necolas/react-native-web/tree/0.5.1/website/storybook/.storybook) -* [Styleguidist](https://github.com/styleguidist/react-styleguidist/tree/v6.2.6/examples/react-native) +* [Storybook](https://github.com/necolas/react-native-web/tree/master/website/storybook/.storybook) +* [Styleguidist](https://github.com/styleguidist/react-styleguidist/tree/master/examples/react-native) ## Contributing diff --git a/website/guides/accessibility.md b/website/guides/accessibility.md index 40f97c23..518b36b0 100644 --- a/website/guides/accessibility.md +++ b/website/guides/accessibility.md @@ -39,29 +39,39 @@ using `aria-label`. In some cases, we also want to alert the end user of the type of selected component (i.e., that it is a “button”). To provide more context to screen -readers, you should specify the `accessibilityRole` property. (Note that React -Native for Web also provides a compatibility mapping of equivalent +readers on the web, you should use the `accessibilityRole` property. (Note that +React Native for Web also provides a compatibility mapping of equivalent `accessibilityTraits` and `accessibilityComponentType` values to `accessibilityRole`). The `accessibilityRole` prop is used to infer an [analogous HTML element][html-aria-url] and ARIA `role`, where possible. In most cases, both the element and ARIA `role` are rendered. While this may contradict some ARIA -recommendations, it also helps avoid certain HTML5 conformance errors and -accessibility anti-patterns (e.g., giving a `heading` role to a `button` -element) and browser bugs. +recommendations, it also helps avoid certain browser bugs, HTML5 conformance +errors, and accessibility anti-patterns (e.g., giving a `heading` role to a +`button` element). -For example: +Straight-forward examples: -* `` => `
`. -* `` => `
`. -* `` => `
`. -* `` => `