APPBLOCKS
A unit of an app which solves a business use case with
it’s code and contract
Reusing common business use cases in the same or multiple apps happens when building applications. A block is the basic unit of an app that solves a business use case.
From a developer's perspective, a block encases any specific functionality. Building a block or reusing it is as easy as writing an ordinary function.
Each block has a type for the kind of functionality it performs. The block types are UI Blocks (UI-Element Blocks and UI-Container Blocks), Function Blocks, Shared Blocks and Package Blocks.
TYPES OF BLOCKS
There’s always a block to play around with. Code away in an opinionated architecture, block by block, and improve the functionality of your app with ease.
UI Block is a frontend Block developed for browser runtimes. It includes UI Elements, which are reusable UI components, and Container Blocks, which orchestrate the elements and handle routing and layout. UI Blocks are React-based and follow Webpack Module Federation. Container Blocks pull and render remote element Blocks, combining bundles from remote servers at runtime to render the app.
Fn Blocks are the backend API Blocks. Each of these blocks is supposed to be mutually exclusive.
Every Fn Block will have a specific URL to invoke it and in practical scenarios, all the Fn Blocks in an app will be stitched together and run in a single instance on the server.
In both frontend and backend, there can be some pieces of code that may be shared which are most probably for utility methods or for data models. Eg, function to find the age of a person from dob/ date filter and so on. These blocks are called Shared Blocks.
When multiple blocks are combined together into a unit, such an arrangement is called a Package Block. UI, Fn, and shared Blocks have their own repositories. They are the building blocks of an application. Once all the Blocks are stitched together, we build a configuration that is a snapshot of how the apps are composed.
WHY APPBLOCKS?
Using interchangeable building blocks to create, innovate and adapt business operations,
enabling us to respond to external or internal factors.
No need to write the
same component twice.
Component will look
and feel the same.
Many teams can
build and work together.
BUILD . SHARE . GROW
Find applications, get inspired, or build your own apps in our open-sourced app marketplace, made with Blocks.
Search and pull code you need from our Blocks store Standardized applications built within an opinionated architecture.
Build and share app templates in our community
