React Studio update 173

React Studio
3 min readJun 16, 2020
Project map Thumbnail view

We’ve released a major update to React Studio (Version 1.7.15 build 383). Update comes up automatically when you open the app.

Whats new?

  • React router
  • New project map views and filtering (standard, thumbnails, list)
  • Clear list item states
  • Lots of bug fixes + minor improvements

Read the complete change log here: https://docs.neonto.com/reactstudiochangelog/

React Router

We’ve added support for React Router code our generation. This means that every screen will have unique url. Router supports parameters and multiple routes for single screen. There’s also support for 404 screen.

Read more detailed post about React router from here.

P.S. In case you’r using Firebase on your project you need to update the Firebase plugin to latest version (version 22 or higher) to make it work with Router. Find the Plugin update from Studio’s top menu -> Plugins -> Plugin manager.

New viewing modes for Project map

Classic Project map view
Thumbnails
List
Filter project map view

You can choose the project map mode from top panel. There’s also filtering text box for filtering visible blocks. Note that filtering is available only in thumbnail and list view modes.

Clear list item states

List element “offers” new interaction called “Clear states” which means that every item in list will reset its state to first state (state index 0). This is handy when you have list and you want to “reset”all selected items, e.g. when selecting categories from a list. Find the interaction from Interact -> In element -> Perform action -> <List> Clear states.

If you have find bugs or have development ideas feel free to contact us at hello@neonto.com or on our support forum.

Other interesting stories about React Studio

--

--

React Studio

The premium app design tool for the most advanced JavaScript UI library — React JS www.neonto.com/reactstudio