3 |
2 |
3 |
8 | A web tool to help you upgrade your React Native app with ease! 🚀 9 |
10 | 11 |
12 | 
13 | 
14 |
17 | 18 | Open the tool! 19 | 20 |
21 | 22 |  23 | 24 | ## ⚙️ How to use 25 | 26 | [](https://www.youtube.com/watch?v=fmh_ZGHh_eg) 27 | 28 | ## 🎩 How it works 29 | 30 | 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](https://github.com/react-native-community/rn-diff-purge) project: 31 | 32 | > 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. 33 | 34 | This will help you see what changes you need to do in your code. 35 | 36 | Aside from this, the tool provides you a couple of cool extra features: 37 | 38 | - inline comments to help you with more insights about precise files 39 | - a set of links with further explanations on what the version you are upgrading to 40 | - a handy "done" button near each file to help you keep track of your process 41 | - a download button for new binary files 42 | - the ability to toggle all files by holding the alt key and clicking on expand/collapse 43 | - ...and we are planning many more features! Check the [enhancement tag](https://github.com/react-native-community/upgrade-helper/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3Aenhancement) in the issue section. 44 | 45 | ## 💻 Contributing 46 | 47 | 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: 48 | 49 | 1. Clone the project 50 | 1. Run `yarn install` 51 | 1. Run `yarn start` 52 | 1. Open `http://localhost:3000` 53 | 1. Select starting & target versions 54 | 1. Click the `Show me how to upgrade` button 55 | 56 | After which, you can create a branch to to make your changes and then open a PR against this repository following the provided template 🤗 57 | 58 | ## 📣 Acknowledgments 59 | 60 | This project proudly uses [`rn-diff-purge`](https://github.com/react-native-community/rn-diff-purge), [`react-diff-view`](https://github.com/otakustay/react-diff-view) and [`create-react-app`](https://github.com/facebook/create-react-app). 61 | 62 | ## 📝 License & CoC 63 | 64 | This project is released under the [MIT license](./LICENSE). 65 | 66 | Morerover, this projects adopts the [Contributor Covenant Code of Conduct](./CODE_OF_CONDUCT.md) and all contributors are expected to follow it. 67 | -------------------------------------------------------------------------------- /__mocks__/react-github-btn.js: -------------------------------------------------------------------------------- 1 | // This mock is here because `react-github-btn` is not compiled in npm and CRA 2 | // doesn't support `transformIgnorePatterns` (to compile it) out-of-the-box for Jest 3 | import React from 'react' 4 | 5 | export default ({ children }) =>