☂️ Help us Kotlin-ify the React Native Website

[cortinico]

Hey all 👋
We're looking for some community support to help us convert our website, https://reactnative.dev to be more Kotlin-friendly.

A lot of the docs that you can find on the website are currently Java only. We're looking into adding snippets for both Java and Kotlin, using a tabbed view.

List of Pages to address.

Those are the pages that needs conversion:

• docs/headless-js-android.md (done by @rokkoo Add Kotlin code for "headless-js-android" documentation #3125)
• docs/native-modules-android.md (done by @alanjhughes React native Kotlin examples #3030)
• docs/integration-with-android-fragment.md (done by @mdvacca Add kotlin sample code in "Integration with an Android Fragment" documentation #2977)
• docs/new-architecture-library-intro.md (done by @mbharadwajfb - Add Kotlin to docs/new-architecture-library-intro #3116)
• docs/new-architecture-app-modules-android.md (done by @tusharvars - Add kotlin examples in new-architecture-app-modules-android.md #3241)
• docs/new-architecture-app-renderer-android.md (assigned to @dakshbhardwaj)
• docs/new-architecture-app-renderer-ios.md
• docs/new-architecture-library-android.md (done by @aerrayes Add kotlin code sample to new-architecture-library-android.md #3194)
• docs/custom-webview-android.md (done by @jazibjafri Update custom webview documentation with kotlin code examples #3060)
• docs/profile-hermes.md (handled here Update snippet in profile-hermes to be Groovy rather than Java #3193)
• docs/communication-android.md (done by @junaidn Add Kotlin code for "Communication Android" documentation  #3070)
• docs/native-components-android.md (done by @RickardZrinski Add Kotlin examples in the "Android Native UI Components" documentation #3068)
• docs/_integration-with-exisiting-apps-java.md - (done by @EzequielDeOliveira - Add Kotlin to docs/_integration-with-exisiting-apps-java #3150)
• docs/getting-started.md (Specifically the environment-setup section would need some mention of Kotlin).

How to migrate a page.

If you wish to convert one of the page you should:

1. Verify that the page is not claimed yet.
2. Comment here that you claim a page.
3. Start working on adding Kotlin support for the page.
   1. Use this PR as inspiration: Add kotlin sample code in "Integration with an Android Fragment" documentation #2977
   2. Make sure you're testing the code you're writing (please take the chance to verify that the doc is also up to date).
   3. If the documentation is not up to date, send a separate PR fixing the inconsistencies with the doc.
   4. You Kotlin code should be formatted with ktfmt (see below).
4. Send the PR for review. Ping @cortinico and @mdvacca for a review.

Code formatting

Please use KtFmt to format the Kotlin code snippets.

You can the web UI to reformat directly from the browser:
https://facebookincubator.github.io/ktfmt/

[rokkoo]

Hi, I would like take the docs/headless-js-android.md an try to migrate it :)

[cortinico]

Hi, I would like take the docs/headless-js-android.md an try to migrate it :)

Please go ahead @rokkoo 👍 I've added you in the list.

[alanjhughes]

I can take docs/native-modules-android.md

[cortinico]

I can take docs/native-modules-android.md

Added 👍

[cortinico]

Just a heads up for everyone involved in Kotlin migration, please make sure references to Java and java specific concepts in the body of the article is also adapted (in other words, converting snipptes might not be enough sometimes).

Example of what I'm referring to:

• Update references from Java to Java/Kotlin in the body of the article #3028

[jazibjafri]

Hi, I would like to take on the docs/custom-webview-android.md and attempt to migrate it.

[cortinico]

Hi, I would like to take on the docs/custom-webview-android.md and attempt to migrate it.

Assigned 👍

[junaidn]

Hi, I would like to take the docs/communication-android.md and try to migrate it.

[cortinico]

Hi, I would like to take the docs/communication-android.md and try to migrate it.

Assigned 👍

[RickardZrinski]

👋 I'm giving docs/native-components-android.md a go.

[cortinico]

👋 I'm giving docs/native-components-android.md a go.

Assigned

[EzequielDeOliveira]

Hi, I would like to take " docs/_integration-with-exisiting-apps-java.md"

[cortinico]

Hi, I would like to take " docs/_integration-with-exisiting-apps-java.md"

Assigned 👍

[mbharadwajfb]

Hi, I would like to take docs/new-architecture-library-intro

[cortinico]

Hi, I would like to take docs/new-architecture-library-intro

Assigned 👍

[aerrayes]

Hi, I would like to pick up docs/new-architecture-library-android.md

[cortinico]

Hi, I would like to pick up docs/new-architecture-library-android.md

Assigned

[tusharvars]

I would like to pick new-architecture-app-modules-android

[cortinico]

I would like to pick new-architecture-app-modules-android

Assigned 👍

[dakshbhardwaj]

Hi i would like to pick docs/new-architecture-app-renderer-android.md

[cortinico]

Hi i would like to pick docs/new-architecture-app-renderer-android.md

Assigned 👍

[cortinico]

Hey all,
I'm happy to share that our website is now fully bi-lingual with Kotlin & Java snippets!
Thank you all for the suppport

I'd like to personally thank @rokkoo @alanjhughes @mbharadwajfb @tusharvars @dakshbhardwaj @aerrayes @jazibjafri @junaidn @RickardZrinski @EzequielDeOliveira for their contributions here!