Many of you have spoken. Thank you for all your feedback! 😊One of the recurring inquiries we get is for better documentation, and support for third-party components.
We're still working on better docs, but we've already made a lot of progress adding tooltips and better error reporting in the editor. We've also massively improved our internal error reporting system, so we'll be able to much faster understand and fix any problems that might occur.
As for third-party components...🥁
Third-party components (preview)
It is often desirable to use third-party components in an application. Consider a date picker or Google Maps component which you don't want to write from scratch. With a little bit of work you can now preview these components in Laska!
Find out your age today!
The same app in the editor
Working with third-party components relies on a new feature: the ability to edit the code template of your component inside of the editor. Once you use the CLI, export or preview the app, the code template will be used.
The code template may contain custom rendering code and reference any NPM module. In addition, any such NPM modules will be installed automatically!
We're introducing paid plans
this month! Note that we'll always have a free plan for people getting started! But you might be interested in certain features like the ability to undo/redo your changes, previewing your app on your device and collaborating with team-members (Yes, I did mean real-time collaboration! 😮
). Joining a subscription also allows us to give you better support and shift priorities in your favor!
We have the hobby plan
for people starting out, the professional plan
for individuals serious about building apps, and the business plan
for organisations interested in unlimited projects and collaboration. The professional plan has a 14-day free trial
(no credit card info needed!) and you can cancel anytime once you subscribe. Yearly plans receive two months for free
Meet the Simple Timer
Added to our list of app templates is this small little Timer app
! It features the amazing simplicity of just one button and allows you to...measure the time in seconds as it passes!
While the app's usefulness is open for debate, it's still a great way of demonstrating how state works. Definitely check it out!
There is of course a lot more to be said! Check out the following list of improvements and fixes.
Apps now display when they were last updated.
You can now restart the packager from the Preview App screen using the Stop Server button. This can be useful when having to recover from certain errors.
Code is now prettified on save.
You can now change the type of a component after they are created. (See the Advanced section)
Initial state is no longer a JSON but a regular code control to allow users to pass in expressions. We'll be changing this soon to be more like the custom props screen, allowing you to easily add new state variables one by one.
Presets are now sorted alphabetically.
We've removed the Show Header checkbox for StackNavigator. Please create a Header component yourself and pass in the navigation methods such as navigate() and goBack().
You can no longer set the Flex property for components inside a ScrollView, since it has an unbounded height and therefore any components inside of it cannot really "flex".
You can now set tooltips for custom props.
It's now possible to clone apps that are public! This is useful for tutorials and blog posts that have links to apps, allowing you to instantly test it for yourself. 😊
When opening the generated code view, sometimes it would change the name of your components causing errors in the build process. This has now been fixed.
Various problems with controls, such as in some cases not being able to save in Code Mode have been fixed.
Fixed some issues with Text and TextInput looking different on the device from the editor.
Fixed an issue where the Color Picker would not show if scrolled all the way down in the right sidebar.
Fixed an issue where the Highlight Color for TouchableHighlight wouldn't show unless On Press was set.
If you are using the CLI, please make sure to update to the latest version.
You can update by running npm install -g laska
That's it for now!