From 7a035eaa85f29acb1f716366fc3add05747bbbf5 Mon Sep 17 00:00:00 2001 From: Rachel Nabors Date: Fri, 17 Jul 2020 20:42:07 +0100 Subject: [PATCH 01/11] adding docs update blogpost --- website/blog/2020-07-20-docs-update.md | 36 ++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 website/blog/2020-07-20-docs-update.md diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md new file mode 100644 index 00000000000..8a5df9c7044 --- /dev/null +++ b/website/blog/2020-07-20-docs-update.md @@ -0,0 +1,36 @@ +--- +title: React Native Documentation Update +author: Rachel Nabors +authorTitle: Documentation Engineer at Facebook +authorURL: https://twitter.com/rachelnabors +authorImageURL: https://avatars0.githubusercontent.com/u/236306?s=460&v=4 +authorTwitter: rachelnabors +--- + +Last year we conducted user interviews and sent out [a survey](https://www.surveymonkey.co.uk/r/DDZWQDJ) to learn more about how and when people use these React Native docs. With the data and guidance gleaned from 24 interviews and over 3000 survey responses, we've been able to work to improve React Native's documentation, and we're excited to share that progress today: + +- **[New Getting Started guides](https://fb.workplace.com/groups/529650227572836/permalink/656344974903360/)** We launched new Getting Started with React Native docs—complete with illustrations—to [explain what Native Components](https://reactnative.dev/docs/intro-react-native-components) are to people with no mobile development background. We also included a [refresher/introduction to React](https://reactnative.dev/docs/intro-react) to help folks getting started with React for the first time! +- **[New Testing guide](https://reactnative.dev/docs/testing-overview)** We worked with Vojtech Novak to create a new illustrated testing guide that introduces app developers to different kinds of testing strategies and how they work in a React Native workflow. +- **[New Security guide](https://reactnative.dev/docs/security)** We worked with Kadi Kraman to create a new illustrated security guide that explains the basics of security in a React Native world and puts forth best in class solutions. +- **Illustrated docs** including the new `[Pressable](https://reactnative.dev/docs/pressable` and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs +- **Updated Core Component and API docs** We held a [documentation drive](https://github.com/facebook/react-native-website/issues/1579) to update reference docs! Thanks to these and other participants we were able to fully update the docs and add Snack examples to all of them in time for 0.62: [Marta Dabrowka](https://twitter.com/martadabrowka), [Abraham Nnaji](https://twitter.com/nnajiabraham), [Ahmed Talaat El-Hager](https://twitter.com/ahmdtalat), [Mohamed Abdel Nasser Abdou](https://twitter.com/mohamedsgap), [Danilo Britto](https://twitter.com/danilobrinu), [Mitul Savani](https://twitter.com/mitulsavani), [Kaio Duarte](https://twitter.com/kaiodduarte), [Pablo Espinosa](https://twitter.com/espipj), [Jesse Katsumata](https://twitter.com/natural_clar), [I Gede Agastya Darma Laksana](https://twitter.com/gedeagas), [Sebastião Bruno Kiafuka Fernando](https://twitter.com/bruno_kiafuka), [Miguel Bolivar](https://twitter.com/Darking360), [Dani Akash](https://twitter.com/dani_akash_), [Luiz Celso de Faria Alves](https://twitter.com/_eucelso), and [Bartosz Kaszubowski](https://twitter.com/simek). With their contributions, these are the best and most up to date React Native docs yet! +- **ReactNative.dev** After 5 years we finally moved to our own domain! [reactnative.dev](https://l.workplace.com/l.php?u=https%3A%2F%2Freactnative.dev%2F&h=AT1DIlFCrNgzZF1Qi9dtDEYHPgSn7U97r9HqsWB6bGMWoOAlPHy0N65g_1AVimoy1kemEVKdDS6cu714R3C8GxElI47it6O7eiYB0HoJJ78z88p5pd2MKKEOp5rZqdMNK7RM8mR2qIaX98H7ERPGu97awoqQENNeYinZAA) is easier to autocomplete from your browser bar and is easier to type out than our previous [github.io](https://github.io/) address! +- **Design and site architecture improvements** to surface and categorize more of our guides and make content in the API reference more readable. Kudos especially to [Bartosz Kaszubowski](https://twitter.com/simek) whose attention to detail and collaboration has made many of these changes possible quickly! +- **Keep those PRs coming!** We are able to consistently keep our open PRs under 10 per week! Thank you for sending them! + +Thank you so much to everyone who participated in the interviews, the survey, and our documentation efforts! Your collaboration makes this possible. + +## What’s next? + +The global COVID-19 pandemic has impacted many community members’ jobs. We are responding with additional content including: + +- New and improved Native Modules guides +- Introductory content for people coming in to React Native for the first time + +### You can help! + +There are many ways you can help us write even better docs! + +1. If you see a typo, run into an issue with a guide, or something otherwise isn’t quiet right, click that “Edit” button and submit a PR. +2. [Participate in our survey](https://www.surveymonkey.co.uk/r/DDZWQDJ)—this helps us understand how you use React Native and its documentation +3. Write for us! We’re working on a tutorial section as well as guides for topics like offline apps, navigation, accessibility, debugging, animations, internationalization, and performance. If you or someone you admire or know is a perfect fit for any of these, please [reach out to me](http://emailto:rnabors@fb.com/)! From 012899270f2ce0f488a7a1dc33bff7856dbf2a6b Mon Sep 17 00:00:00 2001 From: Rachel Nabors Date: Fri, 17 Jul 2020 20:58:43 +0100 Subject: [PATCH 02/11] Adding survey banner --- website/blog/2020-07-20-docs-update.md | 6 ++-- website/siteConfig.js | 1 + website/static/css/header.css | 39 ++++++++++++++++++++++++++ 3 files changed, 43 insertions(+), 3 deletions(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index 8a5df9c7044..ad1b18618bb 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -9,12 +9,12 @@ authorTwitter: rachelnabors Last year we conducted user interviews and sent out [a survey](https://www.surveymonkey.co.uk/r/DDZWQDJ) to learn more about how and when people use these React Native docs. With the data and guidance gleaned from 24 interviews and over 3000 survey responses, we've been able to work to improve React Native's documentation, and we're excited to share that progress today: -- **[New Getting Started guides](https://fb.workplace.com/groups/529650227572836/permalink/656344974903360/)** We launched new Getting Started with React Native docs—complete with illustrations—to [explain what Native Components](https://reactnative.dev/docs/intro-react-native-components) are to people with no mobile development background. We also included a [refresher/introduction to React](https://reactnative.dev/docs/intro-react) to help folks getting started with React for the first time! +- **[New Getting Started guides](https://fb.workplace.com/groups/529650227572836/permalink/656344974903360/)** We launched new Getting Started with React Native docs to [explain what Native Components](https://reactnative.dev/docs/intro-react-native-components) are to people with no mobile development background. We also included a [refresher/introduction to React](https://reactnative.dev/docs/intro-react) to help folks getting started with React for the first time! - **[New Testing guide](https://reactnative.dev/docs/testing-overview)** We worked with Vojtech Novak to create a new illustrated testing guide that introduces app developers to different kinds of testing strategies and how they work in a React Native workflow. - **[New Security guide](https://reactnative.dev/docs/security)** We worked with Kadi Kraman to create a new illustrated security guide that explains the basics of security in a React Native world and puts forth best in class solutions. -- **Illustrated docs** including the new `[Pressable](https://reactnative.dev/docs/pressable` and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs +- **More illustrations** including the new [`Pressable`](https://reactnative.dev/docs/pressable) and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs - **Updated Core Component and API docs** We held a [documentation drive](https://github.com/facebook/react-native-website/issues/1579) to update reference docs! Thanks to these and other participants we were able to fully update the docs and add Snack examples to all of them in time for 0.62: [Marta Dabrowka](https://twitter.com/martadabrowka), [Abraham Nnaji](https://twitter.com/nnajiabraham), [Ahmed Talaat El-Hager](https://twitter.com/ahmdtalat), [Mohamed Abdel Nasser Abdou](https://twitter.com/mohamedsgap), [Danilo Britto](https://twitter.com/danilobrinu), [Mitul Savani](https://twitter.com/mitulsavani), [Kaio Duarte](https://twitter.com/kaiodduarte), [Pablo Espinosa](https://twitter.com/espipj), [Jesse Katsumata](https://twitter.com/natural_clar), [I Gede Agastya Darma Laksana](https://twitter.com/gedeagas), [Sebastião Bruno Kiafuka Fernando](https://twitter.com/bruno_kiafuka), [Miguel Bolivar](https://twitter.com/Darking360), [Dani Akash](https://twitter.com/dani_akash_), [Luiz Celso de Faria Alves](https://twitter.com/_eucelso), and [Bartosz Kaszubowski](https://twitter.com/simek). With their contributions, these are the best and most up to date React Native docs yet! -- **ReactNative.dev** After 5 years we finally moved to our own domain! [reactnative.dev](https://l.workplace.com/l.php?u=https%3A%2F%2Freactnative.dev%2F&h=AT1DIlFCrNgzZF1Qi9dtDEYHPgSn7U97r9HqsWB6bGMWoOAlPHy0N65g_1AVimoy1kemEVKdDS6cu714R3C8GxElI47it6O7eiYB0HoJJ78z88p5pd2MKKEOp5rZqdMNK7RM8mR2qIaX98H7ERPGu97awoqQENNeYinZAA) is easier to autocomplete from your browser bar and is easier to type out than our previous [github.io](https://github.io/) address! +- **ReactNative.dev** After 5 years we finally moved to our own domain! **reactnative.dev** is easier to autocomplete from your browser bar and is easier to type out than our previous **github.io** address! - **Design and site architecture improvements** to surface and categorize more of our guides and make content in the API reference more readable. Kudos especially to [Bartosz Kaszubowski](https://twitter.com/simek) whose attention to detail and collaboration has made many of these changes possible quickly! - **Keep those PRs coming!** We are able to consistently keep our open PRs under 10 per week! Thank you for sending them! diff --git a/website/siteConfig.js b/website/siteConfig.js index ad8a2d95210..00419f7fd6d 100644 --- a/website/siteConfig.js +++ b/website/siteConfig.js @@ -96,6 +96,7 @@ const siteConfig = { baseUrl + 'js/tabs.js', baseUrl + 'js/docs-rating.js', baseUrl + 'js/announcement.js', + baseUrl + 'js/survey-banner.js', ], cleanUrl: true, scrollToTop: true, diff --git a/website/static/css/header.css b/website/static/css/header.css index 77a115dbf62..5d645446143 100644 --- a/website/static/css/header.css +++ b/website/static/css/header.css @@ -299,3 +299,42 @@ body { } } /* End announcement banner override */ + +/* 2020 Docs survey banner */ + +.callout_docs-survey-2020-2 { + background-color: rgba(5, 165, 209, 0.25); + border-radius: 0.15em; + color: #001217; + display: block; + margin: 1em 0; + position: relative; + padding: 1em 2em 1em 3.5em; + transition: transform 300ms ease-out; + z-index: 1; +} + +.callout_docs-survey-2020-2 svg { + fill: rgba(5, 165, 209, 1); + height: 2em; + width: 2em; + position: absolute; + top: 0.75em; + left: 1em; +} + +.callout_docs-survey-2020-2:link, +.callout_docs-survey-2020-2:visited { + color: #001217; +} + +.callout_docs-survey-2020-2:hover, +.callout_docs-survey-2020-2:active, +.callout_docs-survey-2020-2:focus { + color: #001217; + transform: translate(0.1em, 0.1em); +} + +.callout_docs-survey-2020-2 span { + text-decoration: underline; +} From 7f47f5735d57843094df393f3634fc8a47b98638 Mon Sep 17 00:00:00 2001 From: R Nabors Date: Mon, 20 Jul 2020 12:31:38 +0100 Subject: [PATCH 03/11] tweak website/blog/2020-07-20-docs-update.md Co-authored-by: Ricky --- website/blog/2020-07-20-docs-update.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index ad1b18618bb..9dbf7f83a42 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -7,7 +7,7 @@ authorImageURL: https://avatars0.githubusercontent.com/u/236306?s=460&v=4 authorTwitter: rachelnabors --- -Last year we conducted user interviews and sent out [a survey](https://www.surveymonkey.co.uk/r/DDZWQDJ) to learn more about how and when people use these React Native docs. With the data and guidance gleaned from 24 interviews and over 3000 survey responses, we've been able to work to improve React Native's documentation, and we're excited to share that progress today: +Last year we conducted user interviews and sent out [a survey](https://www.surveymonkey.co.uk/r/DDZWQDJ) to learn more about how and when people use the React Native docs. With the data and guidance gleaned from 24 interviews and over 3000 survey responses, we've been able to work to improve React Native's documentation, and we're excited to share that progress today: - **[New Getting Started guides](https://fb.workplace.com/groups/529650227572836/permalink/656344974903360/)** We launched new Getting Started with React Native docs to [explain what Native Components](https://reactnative.dev/docs/intro-react-native-components) are to people with no mobile development background. We also included a [refresher/introduction to React](https://reactnative.dev/docs/intro-react) to help folks getting started with React for the first time! - **[New Testing guide](https://reactnative.dev/docs/testing-overview)** We worked with Vojtech Novak to create a new illustrated testing guide that introduces app developers to different kinds of testing strategies and how they work in a React Native workflow. From d3750e07c756aae1a01dc8192381c430be1f39b0 Mon Sep 17 00:00:00 2001 From: R Nabors Date: Mon, 20 Jul 2020 12:32:35 +0100 Subject: [PATCH 04/11] tweak website/blog/2020-07-20-docs-update.md Co-authored-by: Ricky --- website/blog/2020-07-20-docs-update.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index 9dbf7f83a42..e568a7cfabc 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -9,7 +9,7 @@ authorTwitter: rachelnabors Last year we conducted user interviews and sent out [a survey](https://www.surveymonkey.co.uk/r/DDZWQDJ) to learn more about how and when people use the React Native docs. With the data and guidance gleaned from 24 interviews and over 3000 survey responses, we've been able to work to improve React Native's documentation, and we're excited to share that progress today: -- **[New Getting Started guides](https://fb.workplace.com/groups/529650227572836/permalink/656344974903360/)** We launched new Getting Started with React Native docs to [explain what Native Components](https://reactnative.dev/docs/intro-react-native-components) are to people with no mobile development background. We also included a [refresher/introduction to React](https://reactnative.dev/docs/intro-react) to help folks getting started with React for the first time! +- **[New Getting Started guides](https://fb.workplace.com/groups/529650227572836/permalink/656344974903360/)** We launched new Getting Started with docs to [explain what Native Components](https://reactnative.dev/docs/intro-react-native-components) are to people with no mobile development background. We also included a [refresher/introduction to React](https://reactnative.dev/docs/intro-react) to help folks getting started with React for the first time! - **[New Testing guide](https://reactnative.dev/docs/testing-overview)** We worked with Vojtech Novak to create a new illustrated testing guide that introduces app developers to different kinds of testing strategies and how they work in a React Native workflow. - **[New Security guide](https://reactnative.dev/docs/security)** We worked with Kadi Kraman to create a new illustrated security guide that explains the basics of security in a React Native world and puts forth best in class solutions. - **More illustrations** including the new [`Pressable`](https://reactnative.dev/docs/pressable) and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs From 58c0fca5807e66d2a116a4ec3b0cee8fade73d3d Mon Sep 17 00:00:00 2001 From: R Nabors Date: Mon, 20 Jul 2020 12:38:51 +0100 Subject: [PATCH 05/11] Update website/blog/2020-07-20-docs-update.md Co-authored-by: Ricky --- website/blog/2020-07-20-docs-update.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index e568a7cfabc..ecc1884325a 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -12,7 +12,7 @@ Last year we conducted user interviews and sent out [a survey](https://www.surve - **[New Getting Started guides](https://fb.workplace.com/groups/529650227572836/permalink/656344974903360/)** We launched new Getting Started with docs to [explain what Native Components](https://reactnative.dev/docs/intro-react-native-components) are to people with no mobile development background. We also included a [refresher/introduction to React](https://reactnative.dev/docs/intro-react) to help folks getting started with React for the first time! - **[New Testing guide](https://reactnative.dev/docs/testing-overview)** We worked with Vojtech Novak to create a new illustrated testing guide that introduces app developers to different kinds of testing strategies and how they work in a React Native workflow. - **[New Security guide](https://reactnative.dev/docs/security)** We worked with Kadi Kraman to create a new illustrated security guide that explains the basics of security in a React Native world and puts forth best in class solutions. -- **More illustrations** including the new [`Pressable`](https://reactnative.dev/docs/pressable) and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs +- **More illustrations** We've added fancy new illustrations, including the new [`Pressable`](https://reactnative.dev/docs/pressable) and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs - **Updated Core Component and API docs** We held a [documentation drive](https://github.com/facebook/react-native-website/issues/1579) to update reference docs! Thanks to these and other participants we were able to fully update the docs and add Snack examples to all of them in time for 0.62: [Marta Dabrowka](https://twitter.com/martadabrowka), [Abraham Nnaji](https://twitter.com/nnajiabraham), [Ahmed Talaat El-Hager](https://twitter.com/ahmdtalat), [Mohamed Abdel Nasser Abdou](https://twitter.com/mohamedsgap), [Danilo Britto](https://twitter.com/danilobrinu), [Mitul Savani](https://twitter.com/mitulsavani), [Kaio Duarte](https://twitter.com/kaiodduarte), [Pablo Espinosa](https://twitter.com/espipj), [Jesse Katsumata](https://twitter.com/natural_clar), [I Gede Agastya Darma Laksana](https://twitter.com/gedeagas), [Sebastião Bruno Kiafuka Fernando](https://twitter.com/bruno_kiafuka), [Miguel Bolivar](https://twitter.com/Darking360), [Dani Akash](https://twitter.com/dani_akash_), [Luiz Celso de Faria Alves](https://twitter.com/_eucelso), and [Bartosz Kaszubowski](https://twitter.com/simek). With their contributions, these are the best and most up to date React Native docs yet! - **ReactNative.dev** After 5 years we finally moved to our own domain! **reactnative.dev** is easier to autocomplete from your browser bar and is easier to type out than our previous **github.io** address! - **Design and site architecture improvements** to surface and categorize more of our guides and make content in the API reference more readable. Kudos especially to [Bartosz Kaszubowski](https://twitter.com/simek) whose attention to detail and collaboration has made many of these changes possible quickly! From 15c88a4a748e8ed7213252ac22c50baf977b5850 Mon Sep 17 00:00:00 2001 From: R Nabors Date: Mon, 20 Jul 2020 12:44:13 +0100 Subject: [PATCH 06/11] Update website/blog/2020-07-20-docs-update.md Co-authored-by: Ricky --- website/blog/2020-07-20-docs-update.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index ecc1884325a..1916cc2a655 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -22,7 +22,9 @@ Thank you so much to everyone who participated in the interviews, the survey, an ## What’s next? -The global COVID-19 pandemic has impacted many community members’ jobs. We are responding with additional content including: +The global COVID-19 pandemic has impacted many community members’ jobs. + +We are responding with additional content including: - New and improved Native Modules guides - Introductory content for people coming in to React Native for the first time From 6d8725469571a3794ee14b220a0175a7d8d87e6e Mon Sep 17 00:00:00 2001 From: R Nabors Date: Mon, 20 Jul 2020 12:46:11 +0100 Subject: [PATCH 07/11] Update website/blog/2020-07-20-docs-update.md Co-authored-by: Ricky --- website/blog/2020-07-20-docs-update.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index 1916cc2a655..2863f4187f4 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -15,7 +15,7 @@ Last year we conducted user interviews and sent out [a survey](https://www.surve - **More illustrations** We've added fancy new illustrations, including the new [`Pressable`](https://reactnative.dev/docs/pressable) and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs - **Updated Core Component and API docs** We held a [documentation drive](https://github.com/facebook/react-native-website/issues/1579) to update reference docs! Thanks to these and other participants we were able to fully update the docs and add Snack examples to all of them in time for 0.62: [Marta Dabrowka](https://twitter.com/martadabrowka), [Abraham Nnaji](https://twitter.com/nnajiabraham), [Ahmed Talaat El-Hager](https://twitter.com/ahmdtalat), [Mohamed Abdel Nasser Abdou](https://twitter.com/mohamedsgap), [Danilo Britto](https://twitter.com/danilobrinu), [Mitul Savani](https://twitter.com/mitulsavani), [Kaio Duarte](https://twitter.com/kaiodduarte), [Pablo Espinosa](https://twitter.com/espipj), [Jesse Katsumata](https://twitter.com/natural_clar), [I Gede Agastya Darma Laksana](https://twitter.com/gedeagas), [Sebastião Bruno Kiafuka Fernando](https://twitter.com/bruno_kiafuka), [Miguel Bolivar](https://twitter.com/Darking360), [Dani Akash](https://twitter.com/dani_akash_), [Luiz Celso de Faria Alves](https://twitter.com/_eucelso), and [Bartosz Kaszubowski](https://twitter.com/simek). With their contributions, these are the best and most up to date React Native docs yet! - **ReactNative.dev** After 5 years we finally moved to our own domain! **reactnative.dev** is easier to autocomplete from your browser bar and is easier to type out than our previous **github.io** address! -- **Design and site architecture improvements** to surface and categorize more of our guides and make content in the API reference more readable. Kudos especially to [Bartosz Kaszubowski](https://twitter.com/simek) whose attention to detail and collaboration has made many of these changes possible quickly! +- **Site design and architecture improvements** We've updated the design and site architecture to surface and categorize more of our guides and make content in the API reference more readable. Kudos especially to [Bartosz Kaszubowski](https://github.com/Simek) whose attention to detail and collaboration has made many of these changes possible quickly! - **Keep those PRs coming!** We are able to consistently keep our open PRs under 10 per week! Thank you for sending them! Thank you so much to everyone who participated in the interviews, the survey, and our documentation efforts! Your collaboration makes this possible. From 45974ed1dc7fd57347802bf3a2799620de56e6c3 Mon Sep 17 00:00:00 2001 From: R Nabors Date: Mon, 20 Jul 2020 12:48:13 +0100 Subject: [PATCH 08/11] Edits with Rick's suggestions --- website/blog/2020-07-20-docs-update.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index 2863f4187f4..f0ff68ccf1f 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -13,9 +13,9 @@ Last year we conducted user interviews and sent out [a survey](https://www.surve - **[New Testing guide](https://reactnative.dev/docs/testing-overview)** We worked with Vojtech Novak to create a new illustrated testing guide that introduces app developers to different kinds of testing strategies and how they work in a React Native workflow. - **[New Security guide](https://reactnative.dev/docs/security)** We worked with Kadi Kraman to create a new illustrated security guide that explains the basics of security in a React Native world and puts forth best in class solutions. - **More illustrations** We've added fancy new illustrations, including the new [`Pressable`](https://reactnative.dev/docs/pressable) and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs -- **Updated Core Component and API docs** We held a [documentation drive](https://github.com/facebook/react-native-website/issues/1579) to update reference docs! Thanks to these and other participants we were able to fully update the docs and add Snack examples to all of them in time for 0.62: [Marta Dabrowka](https://twitter.com/martadabrowka), [Abraham Nnaji](https://twitter.com/nnajiabraham), [Ahmed Talaat El-Hager](https://twitter.com/ahmdtalat), [Mohamed Abdel Nasser Abdou](https://twitter.com/mohamedsgap), [Danilo Britto](https://twitter.com/danilobrinu), [Mitul Savani](https://twitter.com/mitulsavani), [Kaio Duarte](https://twitter.com/kaiodduarte), [Pablo Espinosa](https://twitter.com/espipj), [Jesse Katsumata](https://twitter.com/natural_clar), [I Gede Agastya Darma Laksana](https://twitter.com/gedeagas), [Sebastião Bruno Kiafuka Fernando](https://twitter.com/bruno_kiafuka), [Miguel Bolivar](https://twitter.com/Darking360), [Dani Akash](https://twitter.com/dani_akash_), [Luiz Celso de Faria Alves](https://twitter.com/_eucelso), and [Bartosz Kaszubowski](https://twitter.com/simek). With their contributions, these are the best and most up to date React Native docs yet! - **ReactNative.dev** After 5 years we finally moved to our own domain! **reactnative.dev** is easier to autocomplete from your browser bar and is easier to type out than our previous **github.io** address! - **Site design and architecture improvements** We've updated the design and site architecture to surface and categorize more of our guides and make content in the API reference more readable. Kudos especially to [Bartosz Kaszubowski](https://github.com/Simek) whose attention to detail and collaboration has made many of these changes possible quickly! +- **Updated Core Component and API docs** We held a [documentation drive](https://github.com/facebook/react-native-website/issues/1579) to update reference docs! Thanks to these and other participants we were able to fully update the docs and add Snack examples to all of them in time for 0.62: [Marta Dabrowka](https://twitter.com/martadabrowka), [Abraham Nnaji](https://twitter.com/nnajiabraham), [Ahmed Talaat El-Hager](https://twitter.com/ahmdtalat), [Mohamed Abdel Nasser Abdou](https://twitter.com/mohamedsgap), [Danilo Britto](https://twitter.com/danilobrinu), [Mitul Savani](https://twitter.com/mitulsavani), [Kaio Duarte](https://twitter.com/kaiodduarte), [Pablo Espinosa](https://twitter.com/espipj), [Jesse Katsumata](https://twitter.com/natural_clar), [I Gede Agastya Darma Laksana](https://twitter.com/gedeagas), [Sebastião Bruno Kiafuka Fernando](https://twitter.com/bruno_kiafuka), [Miguel Bolivar](https://twitter.com/Darking360), [Dani Akash](https://twitter.com/dani_akash_), [Luiz Celso de Faria Alves](https://twitter.com/_eucelso), and [Bartosz Kaszubowski](https://twitter.com/simek). With their contributions, these are the best and most up to date React Native docs yet! - **Keep those PRs coming!** We are able to consistently keep our open PRs under 10 per week! Thank you for sending them! Thank you so much to everyone who participated in the interviews, the survey, and our documentation efforts! Your collaboration makes this possible. @@ -35,4 +35,4 @@ There are many ways you can help us write even better docs! 1. If you see a typo, run into an issue with a guide, or something otherwise isn’t quiet right, click that “Edit” button and submit a PR. 2. [Participate in our survey](https://www.surveymonkey.co.uk/r/DDZWQDJ)—this helps us understand how you use React Native and its documentation -3. Write for us! We’re working on a tutorial section as well as guides for topics like offline apps, navigation, accessibility, debugging, animations, internationalization, and performance. If you or someone you admire or know is a perfect fit for any of these, please [reach out to me](http://emailto:rnabors@fb.com/)! +3. Write for us! We’re working on a tutorial section as well as guides for topics like offline apps, navigation, accessibility, debugging, animations, internationalization, and performance. If you or someone you admire or know is a perfect fit for any of these, please [reach out to me](https://twitter.com/rachelnabors)! From 572ee512c8b1a4f21f806f920a8afddd41ff1fe2 Mon Sep 17 00:00:00 2001 From: R Nabors Date: Mon, 20 Jul 2020 12:49:19 +0100 Subject: [PATCH 09/11] Update website/blog/2020-07-20-docs-update.md Co-authored-by: Ricky --- website/blog/2020-07-20-docs-update.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-20-docs-update.md index f0ff68ccf1f..6e0cf9f9f94 100644 --- a/website/blog/2020-07-20-docs-update.md +++ b/website/blog/2020-07-20-docs-update.md @@ -13,7 +13,7 @@ Last year we conducted user interviews and sent out [a survey](https://www.surve - **[New Testing guide](https://reactnative.dev/docs/testing-overview)** We worked with Vojtech Novak to create a new illustrated testing guide that introduces app developers to different kinds of testing strategies and how they work in a React Native workflow. - **[New Security guide](https://reactnative.dev/docs/security)** We worked with Kadi Kraman to create a new illustrated security guide that explains the basics of security in a React Native world and puts forth best in class solutions. - **More illustrations** We've added fancy new illustrations, including the new [`Pressable`](https://reactnative.dev/docs/pressable) and [introduction to React Native components](https://reactnative.dev/docs/intro-react-native-components) docs -- **ReactNative.dev** After 5 years we finally moved to our own domain! **reactnative.dev** is easier to autocomplete from your browser bar and is easier to type out than our previous **github.io** address! +- **https://reactnative.dev** After 5 years we finally moved to our own domain! **reactnative.dev** is easier to autocomplete from your browser bar and is easier to type out than our previous **github.io** address! - **Site design and architecture improvements** We've updated the design and site architecture to surface and categorize more of our guides and make content in the API reference more readable. Kudos especially to [Bartosz Kaszubowski](https://github.com/Simek) whose attention to detail and collaboration has made many of these changes possible quickly! - **Updated Core Component and API docs** We held a [documentation drive](https://github.com/facebook/react-native-website/issues/1579) to update reference docs! Thanks to these and other participants we were able to fully update the docs and add Snack examples to all of them in time for 0.62: [Marta Dabrowka](https://twitter.com/martadabrowka), [Abraham Nnaji](https://twitter.com/nnajiabraham), [Ahmed Talaat El-Hager](https://twitter.com/ahmdtalat), [Mohamed Abdel Nasser Abdou](https://twitter.com/mohamedsgap), [Danilo Britto](https://twitter.com/danilobrinu), [Mitul Savani](https://twitter.com/mitulsavani), [Kaio Duarte](https://twitter.com/kaiodduarte), [Pablo Espinosa](https://twitter.com/espipj), [Jesse Katsumata](https://twitter.com/natural_clar), [I Gede Agastya Darma Laksana](https://twitter.com/gedeagas), [Sebastião Bruno Kiafuka Fernando](https://twitter.com/bruno_kiafuka), [Miguel Bolivar](https://twitter.com/Darking360), [Dani Akash](https://twitter.com/dani_akash_), [Luiz Celso de Faria Alves](https://twitter.com/_eucelso), and [Bartosz Kaszubowski](https://twitter.com/simek). With their contributions, these are the best and most up to date React Native docs yet! - **Keep those PRs coming!** We are able to consistently keep our open PRs under 10 per week! Thank you for sending them! From 10ea2cc6188c9ac7324a89e20f42e45625ca84b6 Mon Sep 17 00:00:00 2001 From: Rachel Nabors Date: Mon, 20 Jul 2020 13:12:55 +0100 Subject: [PATCH 10/11] Adding survey banner JS --- website/static/js/survey-banner.js | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 website/static/js/survey-banner.js diff --git a/website/static/js/survey-banner.js b/website/static/js/survey-banner.js new file mode 100644 index 00000000000..efb2f8ce118 --- /dev/null +++ b/website/static/js/survey-banner.js @@ -0,0 +1,10 @@ +document.addEventListener('DOMContentLoaded', function() { + const container = document.querySelector('.container.mainContainer .wrapper'); + if (container) { + const div = document.createElement('div'); + div.innerHTML = + '89allHave two minutes to help us make the React Native docs even better? Take our short survey!'; + const content = div.childNodes[0]; + container.insertBefore(content, container.childNodes[0]); + } +}); From c7df69c43182267c84571ecbed0a2984109765e8 Mon Sep 17 00:00:00 2001 From: Rachel Nabors Date: Thu, 23 Jul 2020 14:18:25 +0100 Subject: [PATCH 11/11] updating docs blog date --- .../blog/{2020-07-20-docs-update.md => 2020-07-23-docs-update.md} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename website/blog/{2020-07-20-docs-update.md => 2020-07-23-docs-update.md} (100%) diff --git a/website/blog/2020-07-20-docs-update.md b/website/blog/2020-07-23-docs-update.md similarity index 100% rename from website/blog/2020-07-20-docs-update.md rename to website/blog/2020-07-23-docs-update.md