Uppy 0.27: First Swing at React Native Support
In 0.27
, we have some more iterations on the Dashboard UI for you in store
again. We are getting rid of the permanent tab bar and made tons of other
improvements!
Dashboard UI without tabs​
Uppy used to always display the tab bar (the one you use to select between importing files from Instagram, Webcam, local disk, etc.). This ended up not working well with the growing list of supported sources, especially on mobile.
So in 0.27
, we are iterating on the UI again:
The providers are now visible as a list of icons on the initial screen (plus, we’ve added colors!), but when you complete the inital selection, it is hidden behind the “plus” button:
You can always add more:
The StatusBar that shows progress has been “lightened”:
We have decided to drop multiple-color support, so Informer messages will now always appear in a gray, round bubble. Apart from that, we have made tons of small fixes, such as better animations, colors, font sizes, and more. Check out the PR #942 for details.
We are aiming to make the UI less heavy, so that Uppy can easier fit within your existing site or app design.
The mobile version is now much more refined as well:
As always, feel free to try Uppy live on the Dashboard example.
autoProceed: false
by default​
⚠️ breaking
By default, Uppy used to begin uploading right after you selected a file. If you
wanted to let users edit some file metadata or pick and choose from multiple
sources first, you had to set autoProceed: false
:
// this line could be seen in many of the Uppy examples
const uppy = Uppy({ autoProceed: false });
Since in most cases we actually wanted autoProceed: false
, this is now the new
default. While it makes Uppy's UI less magical and harder to make irreversible
mistakes with, right out of the box, we feel this is the way to go. Make sure
you change this in your project if needed. If you weren't setting an
autoProceed
option at all, you will now have to add autoProceed: true
.
Progress on React Native​
We’ve begun working on supporting React Native in Uppy. Since 0.27
, it should
run in a React Native environment — meaning you can use Uppy API
(uppy.addFile()
, uppy.upload()
) for adding files and uploading, without the
UI. @uppy/xhr-upload
uploader is already supported, and we are working on
making @uppy/tus
(and tus-js-client
itself) run in React Native as well.
We plan to make sure all non-UI Uppy plugins work in RN, and then provide a few useful components for adding Uppy to your RN apps.
Please head to the React Native PR #988 for details. We'd love to hear what you think and your suggestions for improving the Uppy React Native experience.
Built-in React Native support has been a 1.0 goal from the start. We have had many requests about Angular.js and Vue support. There are already community-built solutions for these platforms that seem to work well, but unfortunately we won't be officially supporting them before our 1.0 milestone. Depending on community input, we might add that later.