Introduction

Welcome to JitBlox! JitBlox is an online environment that speeds up design and prototyping of single-page applications (SPA). JitBlox lets you build working prototypes without coding and without even leaving your browser, providing a jump start for your next web project.

If you want to read more about the motivations behind JitBlox, you might want to take a look at the about Jitblox page.

Assumptions

Developing applications with JitBlox doesn't require any programming skills, but you will get the most out of JitBlox if you have some high level familiarity with component based web applications that are typically built with Angular, Vue.js or React. However, you don't need any experience with coding or setting up web projects at all, because that's all taken care of by JitBlox's built-in source code generator. Actually, JitBlox can be a great tool to help you develop your web development skills.

New to single-page applications?

If you are new to single-page applications, there are plenty of online resources to read up about the subject, like this one.

In a nutshell, a single-page application is a web application that works inside a browser and does not require page reloading during use. This is achieved by splitting up a page into parts (components), which are dynamically created and updated using data from the web server. Because writing SPA's would required a lot of coding without them, there is an ever-growing choice of frameworks (like the ones listed above) that make single-page application developers more productive.

The JitBlox designer

JitBlox boosts developer productivity even further by providing a visual designer and source code generator for single-page applications, integrating aspects that are common to most SPA-frameworks: HTML templates, viewmodels, data binding, API-calls, routing and components. JitBlox allows you to define all these parts from an easy to use UI, supported by a Live Preview function to show how your app develops in real-time.

So what about the code?

You can download your app's full source code at any time. Or you can get a sneak peek of a specific component's HTML/TypeScript/CSS code by clicking the code icon in the top right of the editor pane.

At this moment, JitBlox only generates Angular code, but we plan to target more frameworks in the future (so keep an eye on our roadmap).