• Stars
    star
    3,628
  • Rank 12,202 (Top 0.3 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

⚛️ A web tool to support React Native developers in upgrading their apps.

Upgrade Helper

A web tool to help you upgrade your React Native app with ease! 🚀

CircleCI PRs Welcome

Open the tool!

Image showing a screenshot of Upgrade Helper with the phrase "You are gonna love this!"

⚙️ How to use

How to upgrade using upgrade-helper

🎩 How it works

The Upgrade Helper tool aims to provide the full set of changes happening between any two versions, based on the previous work done in the rn-diff-purge project:

This repository exposes an untouched React Native app generated with the CLI react-native init RnDiffApp. Each new React Native release causes a new project to be created, removing the old one, and getting a diff between them. This way, the diff is always clean, always in sync with the changes of the init template.

This will help you see what changes you need to do in your code.

Aside from this, the tool provides you a couple of cool extra features:

  • inline comments to help you with more insights about precise files
  • a set of links with further explanations on what the version you are upgrading to
  • a handy "done" button near each file to help you keep track of your process
  • a download button for new binary files
  • the ability to toggle all files by holding the alt key and clicking on expand/collapse
  • ...and we are planning many more features! Check the enhancement tag in the issue section.

💻 Contributing

If you want to help us making this better, you can start by forking the project and follow these steps to testing it out locally:

  1. Clone the project
  2. Run yarn install
  3. Run yarn start
  4. Open http://localhost:3000
  5. Select starting & target versions
  6. Click the Show me how to upgrade button

After which, you can create a branch to to make your changes and then open a PR against this repository following the provided template 🤗

📣 Acknowledgments

This project proudly uses rn-diff-purge, react-diff-view and create-react-app.

📝 License & CoC

This project is released under the MIT license.

Morerover, this projects adopts the Contributor Covenant Code of Conduct and all contributors are expected to follow it.

More Repositories

1

hooks

React Native APIs turned into React Hooks for use in functional React components
TypeScript
3,451
star
2

cli

The React Native Community CLI - command line tools to help you build RN apps
TypeScript
2,374
star
3

react-native-template-typescript

👾 Clean and minimalist React Native template for a quick start with TypeScript.
Java
1,858
star
4

discussions-and-proposals

Discussions and proposals related to the main React Native project
1,684
star
5

releases

React Native releases
JavaScript
1,501
star
6

rn-diff-purge

Easier React Native upgrades by clearly exposing changes from a version to another. 🚀 And what better way than to purge, init, then diff? Spoiler: there's no better way. 😎
Shell
1,266
star
7

jsc-android-buildscripts

Script for building JavaScriptCore for Android (for React Native but not only)
JavaScript
1,056
star
8

directory

A searchable and filterable directory of React Native libraries.
TypeScript
1,003
star
9

docker-android

Android Docker Image for React Native and common android development.
Dockerfile
473
star
10

RNNewArchitectureLibraries

A collection of sample React Native Libraries that will show you how to use the New Architecture (Fabric & TurboModules) step-by-step.
322
star
11

upgrade-support

A central community-backed place to request and give help when upgrading your app.
JavaScript
254
star
12

RNNewArchitectureApp

A collection of sample React Native Apps that will show you how to use the New Architecture (Fabric & TurboModules) step-by-step.
201
star
13

react-native-circleci-orb

A CircleCI Orb to Simplify Testing your React Native App
174
star
14

hermes-profile-transformer

TypeScript tool for converting Hermes Sampling Profiler output to Chrome Dev Tools format
TypeScript
86
star
15

boost-for-react-native

The Boost C++ library source code used to build React Native from source
C++
86
star
16

template

The React Native Community Template - getting started building RN apps for Android & iOS
JavaScript
46
star
17

eslint-plugin-react-native-globals

ESLint Environment for React Native
JavaScript
38
star
18

reproducer-react-native

A reproducer to easily recreate bugs and report problems for React Native
TypeScript
32
star
19

developer-experience-wg

Discussions-only repo for topics around React Developer Experience
18
star
20

rn-diff-lib-purge

Easier React Native library upgrades by clearly exposing changes from a version to another. 🚀 And what better way than to purge, init, then diff? Spoiler: there's no better way. 😎
Shell
3
star