Horizontal lists & collapsible panels in React Studio update 1.7.4
We’ve released an update to React Studio. The version number may not sound like much — but this update actually contains some exciting new features for lists, a commonly requested update to interactions, and easy access to mock-up images!
You’ll get the update automatically by opening the React Studio app on your Mac. And of course if you don’t have the app installed, go ahead and download it from www.reactstudio.com
Read on for details of what’s new. Or, check out this video to see the new features in action:
What’s new!
- Horizontal lists
- Change component’s own state from interaction
- One-click mockup image generator for data sheets
- Bug fixes and minor UI improvements
Horizontal lists
The List/Grid element’s settings have been revamped to offer brand new options and screen-based configurability. You can choose to display as a “regular” vertical list, a horizontal list, or a grid.
A horizontal list is basically like the “Your Recently Watched” list you’d find on the Netflix front page. It scrolls independently of the page’s vertical scrolling.
Note that you can freely swap these between screen formats by device size. For example, you could display the content as a horizontal list on small devices, but as a grid on large devices.
Change component’s own state in interaction
Changing the component’s own state inside the component itself does not require a custom script anymore. You can now simply add this interaction via Component > Change state.
Built-in mockup images
In the Data tab, you can create lists using mock-up data such as “Names of cities”. This lets you easily test your app with some content. Now we’ve also added images, so you can fill out a data sheet with both text and image content with just a few clicks of the mouse.
Wait, there’s more! We also have a new post about the Firebase plugin update. Click the link below to read it:
