June Update
Nick Janssen
It's been a while since our last update, and a lot has changed. While we're still aiming to help React Native developers create UI more easily, over time we will be transitioning towards a tool that lets anyone build apps more easily.
Pages
Laska now supports Pages with navigation. For now we only support stack navigation, meaning that pages are pushed and popped from a virtual stack of pages called a StackNavigator. This new component type can be found inside the Component Browser.
A simple weather app
Rich Text Editing
You can now edit text right inside the editor, WYSISYG style. For now we've included the basics such as bold, italic, underline as well as links. If you're looking for additional features, let us know.
Component Settings
Previously, settings were found in the Settings pane on the far right. Meet the new component settings screen, found in the bottom left corner, which now accommodates all of these settings and more, including Presets, Helpers and Plugins.
Presets
Quite often, components and screens need to preview how they will look in different states. Consider a Login screen where you would like to see how an error message looks, or a Button with a loading spinner inside of it. Presets allow you to preview exactly that.
A preset is simply a way of rendering your component with certain props and or state. A Login component for example, might define a preset called "Error message" with a prop "errorMessage". Once defined, you can select presets next to the screen size selector.
Columns
Every component in Laska now stacks vertically. To make items align horizontally, use the new Columns component.
Globals
Sometimes you need a way to reference a variable somewhere throughout your app. Consider a theme color or a font you'd like to re-use among different components. This is why we've added a Globals section on the top of the far left toolbar, which allows you to define globals and use them anywhere.
Helpers
You can now define other methods in your component or page which you can call inside lifecycle methods and within the editor. Consider for example the need to format a date or currency somewhere in a nested component. These are called helpers, and you can define them inside the Helpers menu of your component's settings.
Once defined, you can access these methods from right within the editor.
CLI Updates
The CLI no longer supports email and password authentication, and now uses API keys, You can generate API keys from the App Settings screen which the CLI will ask for when authenticating.
In addition, some environment variable names have changed, so please check the documentation and make sure your configuration is correct.
And much more
A lot of other things have been updated which are too much to write here. Check out the new Laska, and let me know what you think! Our basic blog system does not allow comments yet, but feel free to let us know your thoughts by sending an email at hello@laska.io.
Nick Janssen