Posted on September 28th 2019
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 app above uses react-native-datepicker, a third-party NPM component. It's built inside of Laska!
The same app in the editor
Try it yourself! Also, check out the help article explaining how to add third-party components in more detail.
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.
Added --version, --help and --install-dependencies. See the updated help page.
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!
Thank you again for being an early user of Laska. We love having you! 😊 What do you think about this update? Let us know your thoughts by sending an email at firstname.lastname@example.org. You can also join us on Discord or send us a tweet!