ui_development == webketch

Last week we were working on creating a branding website for a furniture store in Webketch. While working on it, we realized, development teams have to do so much work, even for creating a website which has very simple use cases.

Now don’t get us wrong. We don’t mean that the website was simple. It was a website with around 12 web pages, login and sign up, email notification registeration, search by product name and store location, and the list goes on and on. What we do mean is that the use case of the website was simple. It was not an admin dashboard, or a job search application, or a facebook with so many forms and user generated content.

Even for something simple like this, a development team, including the product management team, has to get so many things right. Consistent colors, product images at the right place, easily accessible content, intuitive menus, deciding what to show and what not.

Webketch as UI development tool enables you to reuse design as much as possible. It also lets you refactor your components, and manage nodes in your DOM tree. The whole idea behind Webketch is to let you use component-based development as much as possible. It is built on react’s component driven model, in fact it generates react code behind the scene for you.

Webketch is a meta-data engine which lets you specify how your components need to look like in a given state, and lets you define the behavior of your components based on data (props, state, store). Yes, that is true, you can manage your variables and link them to UI via drag-drop. Then all that is left is to define logic, deciding when to trigger an event, is it onClick, or onBlur or so on. You can choose triggering events from most of the common HTML events.

Checkout some docs if you think Webketch can help ease up some pain involved in UI development process. Or see our How to youtube short video playlist.